HTML 5 的新的表单元素：
HTML 5 拥有若干涉及表单的元素和属性。
本章介绍以下新的表单元素：
datalist
keygen
output
浏览器支持
Input type IE Firefox ">Opera Chrome Safari datalist No No 9.5 No No keygen No No 1
0.5 3.0 No output No No 9.5 No No
datalist 元素
datalist 元素规定输入域的选项列表。
列表是通过 datalist 内的 option 元素创建的。
如需把 datalist 绑定到输入域，请用输入域的 list 属性引用 datalist 的 id：
实例
Webpage: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="W3School" value="http://www.W3School.com.cn" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
亲自试一试吧，代码如下：
<!DOCTYPE HTML>
<html>
<body>
<form action="/example/HTML 5/demo_form.asp" method="get">
Webpage: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="W3School" value="http://www.w3school.com.cn" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
<input type="submit" />
</form>
</body>
</html>
提示：option 元素永远都要设置 value 属性。