點評：HTML5 擁有若干涉及表單的元素和屬性，下面為大家介紹下新的表單元素datalist 元素、keygen 元素、output 元素以及它們的使用實例，感興趣的朋友可以參考下哈，希望對大家有所幫助

HTML5 擁有若干涉及表單的元素和屬性。

本章介紹以下新的表單元素：

•datalist
•keygen
•output

瀏覽器支持

Input typeIEFirefoxOperaChromeSafari

datalistNoNo9.5NoNo

keygenNoNo10.53.0No

outputNoNo9.5NoNo

復制代碼

Webpage: <input type="url" list="url_list" />
<datalist>
<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>

復制代碼

<form action="demo_form.asp" method="get">
Username: <input type="text" />
Encryption: <keygen />
<input type="submit" />
</form>

復制代碼

<output onforminput="resCalc()"></output>