文本：<input type="text" autofocus autocomplete="on" pattern="[0-9]{1}"><!-- 其中autofocus 自动聚焦 autocomplete是否自动完成表单，当属性值为off时不自动完成。 pattern="[0-9]{1}"表示正则，只能输入0-9之间的数字，设置了输入1位 -->
按钮：<input type="button" value="我是按钮">
密码：<input type="password">
爱好：<input type="checkbox" name="fond" value="1">运动
<input type="checkbox" name="fond" value="2">游泳
<input type="checkbox" name="fond" value="3">钓鱼<!-- 同组复选框name值应一致 -->
<br>
性别：<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女<!-- name值相同 -->
<br>
浏览文件：<input type="file">
提交：<input type="submit">
重置：<input type="reset">
<br>
<!-- 下边是html5新增的 -->
<p>html5新增input的type值</p>
日期：<input type="date">
数字：<input type="number" min="0" max="10" step="1"><!-- min最小值 max最大值 step每次点击上下按钮增加几个数字-->
滑块：<input type="range" min="1" max="10" step="2" value="1">
输入时后边有个×：<input type="search">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>type值</title>
</head>
<body>
<form action="#">
文本：<input type="text" autofocus autocomplete="on" pattern="[0-9]{1}"><!-- 其中autofocus 自动聚焦 autocomplete自动完成表单 pattern="[0-9]{1}"表示正则 -->
按钮：<input type="button" value="我是按钮">
密码：<input type="password">
爱好：<input type="checkbox" name="fond" value="1">运动
<input type="checkbox" name="fond" value="2">游泳
<input type="checkbox" name="fond" value="3">钓鱼<!-- 同组复选框name值应一致 -->
<br>
性别：<input type="radio" name="sex" value="man">男
<input type="radio" name="sex" value="woman">女<!-- name值相同 -->
<br>
浏览文件：<input type="file">
提交：<input type="submit">
重置：<input type="reset">
<br>
<!-- 下边是html5新增的 -->
<p>html5新增input的type值</p>
日期：<input type="date">
数字：<input type="number" min="0" max="10" step="1"><!-- min最小值 max最大值 step每次点击上下按钮增加几个数字-->
滑块：<input type="range" min="1" max="10" step="2" value="1">
输入时后边有个×：<input type="search">
</form>
</body>
</html>