在html中关于新增表单元素中会自动验证,HTML5表单设计——新增表单元素和验证处理...

新增表单元素

datalist元素

HTML5新增表单元素，它的作用是辅助表单中文本框的数据输入。该元素的作用类似于选择框(select)，但是当用户想要设置的值不再列表之内时允许自行输入

datalist将子项放在option元素中，使用时将input元素的list属性值设置为datalist元素的id即可

注：datalist元素自定义一组具有自动选项的文本内容，但是敏感的数据浏览器对其具有保护作用，datalist元素并不能发生作用

keygen元素

用于表单的密钥生成器字段。keygen元素的表单提交时，生成两个密钥：私密钥和公密钥，其中私密钥保存在客户端，公密钥发送到服务器，又服务器进行保存

keygen属性值有以下几种：

challenge：将keygen的值设置为在提交时会给出提示

disabled：禁用keygen字段

form：定义该keygen字段所属的一个或多个表单

keytype：定义生成密钥使用的算法，默认值为rsa

name：定义keygen元素的唯一名称，name属性用于表单提交时获取字段的值

keygen元素适用方法如以下代码所示：

用户名：

密码：

output元素

HTML5新增表单元素，它必须属于某个表单或者通过属性指定某个表单。output元素可以显示不同类型表单元素的内容，并且该元素可以与input元素建立关联，当input元素的值改变时会自动触发javascript事件，这样就可以十分方便的查询到