HTML 5 新的表单元素 datalist keygen output

HTML <datalist> 标签

定义和用法

<datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist。

浏览器支持

所有主流浏览器都支持 <datalist> 标签，除了 Internet Explorer 和 Safari。

实例

下面是一个 input 元素，datalist 中描述了其可能的值：

<input id="myCar" list="cars" /><datalist id="cars">  <option value="BMW">  <option value="Ford">  <option value="Volvo"></datalist>

HTML 5 <keygen> 标签

定义和用法

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

当提交表单时，私钥存储在本地，公钥发送到服务器。

属性

new : HTML5 中的新属性。

属性值描述autofocusdisabled使 keygen 字段在页面加载时获得焦点。challengechallenge如果使用，则将 keygen 的值设置为在提交时询问。disableddisabled禁用 keytag 字段。formformname定义该 keygen 字段所属的一个或多个表单。keytypersa定义 keytype。rsa 生成 RSA 密钥。namefieldname

定义 keygen 元素的唯一名称。

name 属性用于在提交表单时搜集字段的值。

实例

带有 keygen 字段的表单：

<form action="demo_keygen.asp" method="get">Username: <input type="text" name="usr_name" />Encryption: <keygen name="security" /><input type="submit" /></form>

HTML <output> 标签

定义和用法

<output> 标签定义不同类型的输出，比如脚本的输出。

属性

new : HTML5 中的新属性。

属性值描述forelement_id定义输出域相关的一个或多个元素。formform_id定义输入字段所属的一个或多个表单。namename定义对象的唯一名称。（表单提交时使用）

实例

执行计算然后在 <output> 元素中显示结果：

<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> 

转自w3chool