HTML5旅游网表单,实战HTML5表单

新增的input输入类型

email类型的应用

请输入您的E-mail地址：

请输入网址：

请输入数值：

请输入日期：

请输入搜索关键字：

请输入手机号码：

请输入手机号码：

新增的input属性

新增的autocomplete属性

html5自动完成功能

//可以模糊查询下拉框

beijing

qingdao

qingzhou

qinghai

士大夫

新增的multiple属性

//可以上传多个文件

请选择上传多个文件

新增的pattern属性

正则表达式可以放到input的pattern里面

请输入邮政编码

新增的requited属性

//提示文本不能为空

请输入姓名

新增的form元素

新增的list属性和datalist元素

//datalist可以实现数据下拉效果，不可以模糊查询，而list属性用于指定输入框绑定的datalist元素,其值是某个datalist的id.

请输入网址

新增的keygen元素

//keygen元素是秘钥对生成器，能够使用户验证更为可靠。

请输入用户名：

请选择加密强度：

新增的form属性

HTML5新增的俩个form属性，分别是autocomplete和novalidate属性。

新增的autocomplete属性

已经在input属性是已经介绍过了

新增的novalidate属性

form元素的novalidate属性用于在提交表单时取消整个表单的验证，即关闭对表单内的所有元素的有效性检查。

请输入电子邮件地址：