HTML 5 的新的表單元素：
HTML 5 擁有若干涉及表單的元素和屬性。
本章介紹以下新的表單元素：
datalist
keygen
output
瀏覽器支援
Input type IE Firefox HTTP://www.aliyun.com/zixun/aggregation/10963.html">Opera Chrome Safari datalist No No 9.5 No No keygen No No 10.5 3.0 No output No No 9.5 No Nodatalist 元素
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 屬性。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
