HTML5 表单元素

HTML5 新的表单元素

HTML5 有以下新的表单元素:

**注意:**不是所有的浏览器都支持HTML5 新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。

HTML5

使用 元素的列表属性与

![Opera][] ![Safari][Opera] ![Chrome][Opera] ![Firefox][Opera] ![Internet Explorer][Opera]

实例

元素使用

< input list = " browsers " > < datalist id = " browsers " > < option value = " Internet Explorer " > < option value = " Firefox " > < option value = " Chrome " > < option value = " Opera " > < option value = " Safari " > </ datalist >

尝试一下 »

HTML5 元素

元素的作用是提供一种验证用户的可靠方法。

标签规定用于表单的密钥对生成器字段。

当提交表单时，会生成两个键，一个是私钥，一个公钥。

私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。

![Opera][] ![Safari][Opera] ![Chrome][Opera] ![Firefox][Opera] ![Internet Explorer][Opera]

实例

带有keygen字段的表单:

< form action = " demo_keygen.asp " method = " get " > 用户名: < input type = " text " name = " usr_name " > 加密: < keygen name = " security " > < input type = " submit " > </ form >

尝试一下 »

HTML5

元素

元素用于不同类型的输出，比如计算或脚本输出：

![Opera][] ![Safari][Opera] ![Chrome][Opera] ![Firefox][Opera] ![Internet Explorer][Opera]

实例

将计算结果显示在

元素:

< form oninput = " x.value=parseInt(a.value)+parseInt(b.value) " > 0 < input type = " range " id = " a " value = " 50 " > 100 + < input type = " number " id = " b " value = " 50 " > = < output name = " x " for = " a b " > </ output > </ form >

尝试一下 »

HTML5 新表单元素

[Opera]: