html页面常用标签以及与servlet传值的方式

html页面常用的标签如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<!-- 注释不会显示在页面中 -->
<head>
<script type="text/javascript">
function check()
{
		form3.submit();
	}
</script>
<meta charset="UTF-8">
<title>测试各种标签的使用</title>

</head>
<body>
<pre>
观察一下是否会保留原来的格式,成功保存原来的格式
		哈哈哈
				哈哈哈哈
</pre>

<ul type="square"><!-- 这里这个值还可以为circle -->
                  <li>第一项
               <ul>
                      <li>1-1</li>
                      <li>1-2</li>
                       <li>1-3</li>
              </ul>
                 </li>
               <li>第二项</li>
               <li>第三项</li>
   </ul>
   
<a href="fail.jsp">超链接标签</a>
<br></br>
<br>
<br>

表格标签
<!-- 表格标签用 table表示,表格中的每一行用tr表示,一行中的每个单元格用td表示。表头中的单元格用th表示,会默认加粗居中!层次关系:table>tr>td/th -->
<table>
	<tr>
	<th> id</th> <th>name</th> <th>phone number</th> </tr>
	<tr>
	<td> 1</td><td>diamond</td><td>15584724361</td>
	</tr>
	<tr>
	<td> 2</td><td>diamond</td><td>15584724361</td>
	</tr>
	<tr>
	<td> 3</td><td>diamond</td><td>15584724361</td>
	</tr>
	

</table>

<br>
<br>
<br>
表单标签

<form name="form1" method="post" action="LoginCheck" ><!--这里可以成功的与servlet进行交互  -->
用户名:<input type = "text" name = "username"/><br></br>
密码:
<label><input name="password" type="radio" value="981024" />981024 </label> 
<label><input name="password" type="radio" value="123456" checked="checked"/>123456 </label> 
<!-- 单选框可以利用checked=“checked”设置默认属性 -->

<input type="submit" value="登录"  />

</form>

<br><br>
复选框
<!-- 复选框的值传递过去以后也可以用servlet进行接收,这不过这时接收的为一个数组,采用的函数为request.request.getParameterValues("参数") -->
密码:
<label><input name="password" type="checkbox" value="981024" />981024 </label> 
<label><input name="password" type="checkbox" value="123456" />123456 </label> 

<br>
<br>
下拉菜单<!-- 利用selected= “selected”设置默认值 -->
<form name="form2" method="post" action="LoginCheck" ><!--这里可以成功的与servlet进行交互  -->
用户名:<input type = "text" name = "username"/><br></br>
密码:
<select name = "password">
<option value="981024">981024</option>
<option value="123456" selected="selected">123456</option>
</select>

<input type="submit" value="登录"  />

</form>
<br><br>
图片的插入:
<img src="image/1.png">
<br><br>
利用javascript进行验证,是指添加了一个script标签并且进行相关函数的包含
<form name = "form3" action="LoginCheck" method="post">
用户名:<input type="text" name="username"  
		><br></br>

		密码:<input type="password" name="password"><br></br>
<input type="button"  value = "check" onclick="check()"><!-- 这个函数在页面最顶端利用script标签进行写 -->
</form>
</body>
</html>

本次作业的要求如下:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值