HTML5对表单进行了许多的扩充和完善,增加了许多新的功能能够设计出更新颖的特性。
HTML5表单的新特性包括新的Input类型、新的表单元素、新的表单属性以及新增的表单验证功能。
新的input类型:
1、email类型:用于验证填写的文本是不是合法的邮件地址的格式,在提交表单的时会自动的验证email域的值。
2、url类型:用于验证是否是合法的地址域,当提交表单的时候,表单的内容就会通过URL里面所写的地址传进服务器,并等待服务器的响应。
3、number类型:用于产生一个带上下微增减箭头的表单,可以设置上下限以及每一步的步长。
4、date类型:用于直接选取时间,方便快捷,而且date的界面也十分的简洁明了极大的节省了直接编写相应的代码的时间。
新的表单类型:
1、datalist元素:与select标签类似。select标签是用来向里面加入<option>选项,只可选择不可添加或更改;而datalist元素不仅仅含有select的功能还增加了添加改写下拉选项的功能。
2、keygen元素:用于提供一个验证用户的可靠方法,他是一个密钥生成器。提交表单的时候会产生两种键,一种是私钥(private key),一种是公钥(publickey)。私钥存储于客户端,而公钥则会发送到服务器去。
3、output元素:用于显示不同类型的输出。