1.列表相关的元素
<ul>:定义无序列表。
<ol> :定义有序列表。
2.表格相关元素
<table>:定义表格
<caption>:定义表格标题
<tr>定义表格行
<td>定义单元格 tr 中可以包括td
<th>定义表格的头单元格
3.title的属性
鼠标移动到指定位置会有提示
![](/qrcode.jpg)
如:<div title ="测试">测试内容</div>,当鼠标放在测试内容上就会出现测试2字
4.hidden属性
Html5为所有元素都提供了hidden属性
<input id ="3" name ="3" type ="hidden"/>
5.input属性
Html5 中Input很重下面用代码来表示
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" content="text/html"/>
</head>
<script type="text/javascript">
</script>
<body>
<form name ="form1" action ="https://search.jd.com/Search" method ="GET">
单行文本框:<br/><input id ="username" name ="username" type ="text"/><br/>
不能编辑的文本框:<br/><input id ="1" name ="1" type ="text" readonly =readonly/><br/>
密码框:<br/><input id ="2" name ="2" type ="password"/><br/>
隐藏框:<br/><input id ="3" name ="3" type ="hidden"/><br/>
单选框:<br/>
<input id ="4" name ="4" type ="radio" value ="男" checked =checked/> 男
<input id ="5" name ="4" type ="radio" value ="女" /> 女<br/>
复选框:<br/>
<input id ="6" name ="6" type ="checkbox" value ="java"/>java
<input id ="7" name ="6" type ="checkbox" value ="php"/>php
<input id ="8" name ="6" type ="checkbox" value ="c#"/>c#
<input id ="9" name ="6" type ="checkbox" value ="c"/>c
<input id ="10" name ="6" type ="checkbox" value ="c++"/>c++
<br/>
文件上传:<br/>
<input id ="11" name ="11" type ="file"/>
<br/>
四个按钮:<br/>
<input id ="12" name ="12" type="submit" value ="提交"/>
<input id ="15" name ="15" disabled type="submit" value ="强制不提交"/>
<input id ="13" name ="13" type="reset" value ="重设"/>
<input id ="14" name ="14" type="button" value ="无动作"/><br/>
图像:<br/>
<input id ="16" name ="16" type ="image" src ="csgo.jpg" width="100" height ="50" alt ="CSGO" />
<div title ="测试">测试内容</div>
</form>
</body>
</html>
效果如图
6 表单中的GET请求
get方式的请求:一些书中说get请求传送的数据量小,不能大于2KB。这是错误的,可以大于,但是一般会收到第3方限制。
7.form表单中标签命名
form表单里的所用标签都需要指定name值并且不可以一样,单选框和复选框可以一样,仅限制在同一组中