<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>form表单验证</title>
</head>
<body>
<!--快捷编写方式,写完按下tab键-->
<!--div[class="test"][id="test"]-->
属性:required[必填项]、autofocus[打开页面自动聚焦]、novalidate[表单不验证]、formnovalidate[不验证]、pattern[自定义验证输入字段]
autocomplete="on"记住密码,设置on为记住off则为忘记、list和dataList[下拉选择]
<form action="" method="post" autocomplete="on"> <!--novalidate在form写-->
<input type="email" autofocus="autofocus" required="required"/>
<input type="text" pattern="^\d{6}$" required="required"/>
<input type="text" placeholder="请输入名字" list="tips"/>
<datalist id="tips">
<option value="艾斯"></option>
<option value="萨博"></option>
<option value="卡塔库里"></option>
</datalist>
<!--label中for的用法,常用于radio、checkBox,点击名字选中-->
<label for="man">男</label>
<input type="radio" name="sex" id="man"/>
<label for="woman">女</label>
<input type="radio" name="sex" id="woman"/>
<input type="submit"/><!--formnovalidate在提交按钮写-->
</form>
</body>
</html>