HTML5表单元素 form

HTML5中新的表单元素

这些是HTML5具有新的表单元素。

• <DataList>
• <Keygen>
• <output>

HTML5 <DataList>元素

<DataList>元素具有用于<INPUT>元素的某些预定义选项。

它用于为<input>元素提供"AutoCMoplete"某些功能。
这些预定义的选项用户可以在下拉列表中看到。

<DataList>元素通过使用<Input>元素绑定在一起。

示例：包含某些预定义选项

 <input list="browsers" 

<datalist id="browsers">
<option value="opera">
<option value="Safari">
<option value="Chrome">
<option value="Internet Explorer">
<option value="Firefox">
</datalist>

html5 <keygen>元素

<keygen>元素的主要目的是提供安全或者验证验证用户的方法。

它以表单指定了一个密钥对发生器字段。

当表单提交时，两个密钥生成一个是公共和一个私有。

这些密钥具有本地存储的不同工作私钥，而发送到服务器的公钥。
公钥生成客户未来使用的客户证书。

例子

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

html5 <output>元素

<output>元素包含计算结果

<form oninput="y.value=parseInt(b.value)+parseInt(c.value)">0
<input type="range" name="b" value="55" 150
+<input type="number" name="c" value="55" 
=<output name="y" for="b c"></output>
</form>

HTML5新表单元素