<datalist>

<datalist>标签规定了input元素可能的选项列表，如下：

<form method="post" action="demo.php">
    <input list="browser" name="explorer" autofocus>
    <datalist id="browser">
        <option value="IE">
        <option value="Firefox">
        <option value="Chrome">
        <option value="Safari">
        <option value="Opera">
    </datalist>
    <input type="submit">
</form>

<datalist> 标签被用来为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据。注意：必需使用 <input> 元素的 list 属性来绑定 <datalist> 元素。该属性引用 <datalist> 元素，其中包含 <input> 元素的预定义选项，该属性值为绑定到 <input> 元素的 datalist 的 id。

　　autofocus 属性用于规定当页面加载时 <input> 元素应该自动获得焦点。

　　(3)、<output>

　　<output> 标签作为计算结果输出显示，比如执行脚本的输出。如下：

<form method="post" action="demo.php" oninput="sum.value=parseInt(x.value)+parseInt(y.value)"> 0<input type="range" id="x" value="50">100+<input type="number" id="y" value="50">=<output name="sum" for="x y"></output></form>

　　该标签有一个重要属性 for 规定一个或多个元素的 id 列表，以空格分隔，用于描述计算中使用的元素与计算结果之间的关系。name 属性定义对象的唯一名称，在表单提交时使用。

 (4)、<keygen><keygen> 规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。如下：

<form method="post" action="demo.php">
用户名: <input type="text" name="usre"><br/>
加　密: <keygen name="security" keytype="rsa">
<input type="submit">
</form>

　　该标签有一个重要属性 keytype 用于定义密钥的安全算法，该属性规定应该使用哪种密钥生成算法，安全算法有3种：rsa为默认，规定 RSA 安全算法，RSA 密钥强度可由用户选择。dsa 规定 DSA 安全算法，DSA 密钥长度可由用户选择。ec 规定 EC 安全算法，EC 密钥强度可由用户选择。注意：不同的浏览器对密钥生成算法的支持会有所变化。