html5很强大 能节省不少js代码,相比js实现起来轻松不少也更简单!
E-mail: <input type="email" name="email"autofocus="autofocus" required="required" />
type="email":格式为email时会默认验证此字段格式是否为e_mail格式。
required="required"验证此字段是必须得不能为空
novalidate="true"是否验证该域
autofocus="autofocus"默认页面加载时光标所在的位置
Test pattern:<input type="text" pattern="[A-z]{4}" title="输入不正确" />
//验证输入的模式是否符合规范
Test_dis:<input type="search" name="point_dis" placeholder="点击试试" />
//type="search" 会在输入域为空时显示出现,会在输入域获得焦点时消失:
upload:<input type="file" name="img" multiple="multiple" />
//multiple="multiple"多文件上传
ps:对html5支持较好的浏览器是 Google chrome和Firefox 而IE9是最差的 所以测试尽量使用兼容性好的