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>
本次作业的要求如下: