文本:<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>