HTML5 的新的表單元素(datalist/keygen/output)使用介紹
發(fā)布時間：2013-07-19 15:36:05 作者：佚名 
我要評論
我要評論HTML5 擁有若干涉及表單的元素和屬性，下面為大家介紹下新的表單元素datalist 元素、keygen 元素、output 元素以及它們的使用實例，感興趣的朋友可以參考下哈，希望對大家有所幫助
HTML5 擁有若干涉及表單的元素和屬性。
本章介紹以下新的表單元素：
•datalist
•keygen
•output
瀏覽器支持
| Input type | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| datalist | No | No | 9.5 | No | No |
| keygen | No | No | 10.5 | 3.0 | No |
| output | No | No | 9.5 | No | No |
datalist 元素
datalist 元素規(guī)定輸入域的選項列表。
列表是通過 datalist 內的 option 元素創(chuàng)建的。
如需把 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>
親自試一試
提示：option 元素永遠都要設置 value 屬性。
keygen 元素
keygen 元素的作用是提供一種驗證用戶的可靠方法。
keygen 元素是密鑰對生成器（key-pair generator）。當提交表單時，會生成兩個鍵，一個是私鑰，一個公鑰。
私鑰（private key）存儲于客戶端，公鑰（public key）則被發(fā)送到服務器。公鑰可用于之后驗證用戶的客戶端證書（client certificate）。
目前，瀏覽器對此元素的糟糕的支持度不足以使其成為一種有用的安全標準。
實例
復制代碼
代碼如下:<form action="demo_form.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>
親自試一試
output 元素
output 元素用于不同類型的輸出，比如計算或腳本輸出：
實例
復制代碼
代碼如下:<output id="result" onforminput="resCalc()"></output>
相關文章
- 本文主要對HTML5表單新增屬性進行詳細介紹，并附上實例解析，簡單易懂。需要的朋友一起來看下吧2016-12-21
- 下面小編就為大家?guī)硪黄狧TML Form表單元素全面了解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-26
- 下面小編就為大家?guī)硪黄猦tml5表單及新增的改良元素詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-07
- 這篇文章主要為大家介紹了HTML5新增的表單元素和屬性,具有一定的參考價值！需要的朋友可以參考下2014-07-07
HTML5之HTML元素擴展(下)—增強的Form表單元素值得關注
在HTML5增強的元素中，最值得關注的就是表單元素;在HTML5中，表單已經(jīng)做了重大的修整，一些以前需要通過JavaScript編碼實現(xiàn)的功能現(xiàn)在無需編碼就可輕松實現(xiàn),感興趣的朋友可2013-01-31- 點擊這里返回網(wǎng)頁教學網(wǎng) HTML教程 欄目． 上文：標記語言——引用 原文出處 chapter 5 表單 互動性一直是互聯(lián)網(wǎng)的重點,讓使用者與網(wǎng)站能夠交換信息2008-10-17
- 本教程介紹FORM表單標記的各種屬性在網(wǎng)頁設計中的應用. <FORM>標記的NAME屬性 基本語法 01 <Form name="Form＿name"> 02 ……2008-10-17
- 假設現(xiàn)在要在表單中添加這樣一項內容：瀏覽所在的城市。這里不說全國的城市，只說省會以上的城市就有幾十個。如果以上面講過的單選按鈕的形式，將這些城市全部羅列在網(wǎng)頁上2008-10-17
- 帶有圖片預覽功能的上傳表單，完整的HTML代碼如下所示 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=2008-10-17
- 表單是用戶提交信息的重要渠道。本節(jié)就將介紹表單的基礎知識。 表單標簽<form> 表單以一個<form>標簽開始。用戶注冊網(wǎng)站會員，投票等等都需要表單來實現(xiàn)2008-10-17