HTML5 表单元素
html5 的新的表单元素:
html5 拥有若干涉及表单的元素和。
本章介绍以下新的表单元素:
datalist
keygen
output
<datalist>
<keygen>
<output>
浏览器
datalist 元素
datalist 元素规定输入域的选项列表。
列表是通过 datalist 内的 option 元素创建的。
如需把 datalist 绑定到输入域,请用输入域的 list 引用 datalist 的 id:
Webpage: <input type="url" list="url_list" name="link" /> <datalist id="url_list"> <option label="F2er" value="http://www.F2er.com" /> <option label="Google" value="http://www.google.com" /> <option label="Microsoft" value="http://www.microsoft.com" /> </datalist>
:option 元素永远都要设置 value 。
keygen 元素
keygen 元素的作用是提供一种验证的可靠。
keygen 元素是密钥对器(key-pair generator)。当提交表单时,会两个键,是私钥,公钥。
私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证的客户端证书(client certificate)。
目前,浏览器对此元素的糟糕的度不足以使其成为一种有用的安全标准。
<form action="demo_form.asp" method="get"> Username: <input type="text" name="usr_name" /> Encryption: <keygen name="s" /> <input type="submit" /> </form>
output 元素
output 元素用于不同类型的,比如计算或脚本:
将计算结果在 <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>
运行以上范例,在浏览器中如下