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>

本次作业的要求如下：