HTML5的新增表单元素

原创

已于 2023-10-10 15:17:59 修改 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #前端 #html

于 2023-10-10 14:45:31 首次发布

本文介绍了HTML5中的三个新表单元素：datalist用于自动完成选项，keygen用于生成密钥对进行安全验证，output用于动态输出结果。这些元素提升了表单交互体验，但需注意浏览器兼容性。

HTML5 有以下新的表单元素:

<datalist>
<keygen>
<output>

datalist

datalist 元素规定输入域的选项列表。

datalist属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项：

使用 input元素的列表属性与datalist元素绑定.

演示代码：

<input list="arr" name="demo" />
    <datalist id="arr">
      <option value="arr1"></option>
      <option value="arr2"></option>
      <option value="arr3"></option>
      <option value="arr4"></option>
      <option value="arr5"></option>
    </datalist>