表单新元素

HTML5新增的表单元素

新增的表单元素	作用
datalist	用于规定输入域的选项列表
keygen	提供一种验证用户的可靠方法
output	用于不同类型的输出，比如计算或脚本输出

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

datalist

代码示例：

<input list="front"/>
<datalist id="front">
    <option value ="HTML">
    <option value ="CSS">
    <option value ="JavaScript">
</datalist>

效果：

keygen

代码示例：

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

output

代码示例：

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

效果：

0 100+ =

标签：示例,datalist,元素,表单,HTML5,新元素,100
来源： https://www.cnblogs.com/WuMouRen/p/14288688.html