HTML5的表單元素有哪些

今天將和大家分享HTML5中新表單元素和它們的用法，有一定的參考價值，希望對大家有幫助。

HTML5引入了新的表單元素，為所有表單元素提供了一些新的好處。在設計和建構網頁時，我們可以將這些新屬性和功能應用於任何表單元素上，接下來在文章中將和大家詳細介紹如何使用它們

HTML5新的表單元素

datalist

規定輸入域的選項列表，列表是透過datalist 內的option 元素建立的

注意：option元素要設定value值

<form action="#" method="get">
选课： <input type="text" list="subject" />
<datalist  id="subject">
	<option label="Math" value="数学" />
	<option label="English" value="英语" />
	<option label="Chinese" value="语文" />
</datalist>
<input type="submit" />
</form>

keygen

##作用是提供驗證使用者的可靠方法。

當提交表單時，會產生兩個鍵，一個是私鑰，一個公鑰。私鑰（private key）儲存於客戶端，公鑰（public key）則被傳送到伺服器。公鑰可用於之後驗證使用者的客戶端憑證（client certificate）

<form action="#" method="get">
用户名<input type="text" name="username" />
密码：<input type="password" name="password" />
<keygen name="security" />
<input type="submit" />
</form>

output

######################## ######用於不同類型的輸出，例如計算或腳本輸出######oninput##########即時監控輸入框值的變化（注意在IE9下oninput不相容） ###

<form oninput="c.value=parseInt(a.value)+parseInt(b.value)">
		<input type="text" name="加数" id="a">+
		<input type="text" name="被加数" id="b">=
		<output name="c" for="a b"></output>
	</form>

############總結：以上就是這篇文章的全部內容了，希望對大家學習HTML5有幫助。 ###### ###

以上是HTML5的表單元素有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！