HTML5 表单元素
HTML5 新的表单元素
HTML5 有以下新的表单元素:
注意:不是所有的浏览器都支持HTML5 新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。
HTML5
使用 元素的列表属性与
实例
元素使用
input list="browsers">
datalist id="browsers">
option value="Internet Explorer">
option value="Firefox">
option value="Chrome">
option value="Opera">
option value="Safari">
datalist>
option value="Internet Explorer">
option value="Firefox">
option value="Chrome">
option value="Opera">
option value="Safari">
datalist>
HTML5 元素
当提交表单时，会生成两个键，一个是私钥，一个公钥。
私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。
实例
带有keygen字段的表单:
form action="demo_keygen.asp" method="get">
用户名: input type="text" name="usr_name">
加密: keygen name="security">
input type="submit">
form>
用户名: input type="text" name="usr_name">
加密: keygen name="security">
input type="submit">
form>
HTML5
实例
将计算结果显示在
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>
input type="range" id="a" value="50">100 +
input type="number" id="b" value="50">=
output name="x" for="a b">output>
form>
HTML5 新表单元素
| 标签 | 描述 |
|---|---|
| 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。 | |
