在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事件,这样就可以十分方便的查询到

你可能感兴趣的:(在html中关于新增表单元素中会自动验证,HTML5表单设计——新增表单元素和验证处理...)