HTML5 datalist 元素

datalist 元素規(guī)定輸入域的選項列表

datalist 屬性規(guī)定form或input域應(yīng)該擁有自動完成功能。當(dāng)用戶在自動完成域中開始輸入時，瀏覽器應(yīng)該在該域中顯示填寫的選項；

使用 input 元素的列表屬性與 datalist 元素綁定。

 !DOCTYPE HTML  html  head  meta charset= utf-8 /  title 自選教程(如約智惠.com) /title  /head  body  form action= demo-form.php method= get  input list= browsers name= browser  datalist id= browsers  option value= Internet Explorer /option  option value= Firefox /option  option value= Chrome /option  option value= Opera /option  option value= Safari /option  /datalist  input type= submit  /form  strong 注意： /strong Internet Explorer 9， Safari 不支持 datalist 標(biāo)簽。 /body  /html 

HTML5 keygen 元素

keygen 元素的作用是提供一種驗證用戶的可靠方法。

keygen 標(biāo)簽規(guī)定用于表單的密鑰對生成器字段。

當(dāng)提交表單時，會生成兩個鍵，一個是私鑰，一個公鑰。

私鑰（private key）存儲于客戶端，公鑰（public key）則被發(fā)送到服務(wù)器。公鑰可用于之后驗證用戶的客戶端證書（client certificate）。

 !DOCTYPE HTML  html  head  meta charset= utf-8 /  title 自選教程(如約智惠.com) /title  /head  body  form action= demo-form.php method= get  用戶名： input list= text name= usr_name  密碼： keygen name= security  /datalist  input type= submit  /form  strong 注意： /strong Internet Explorer 不支持 keygen標(biāo)簽。 /body  /html 

HTML5 output 元素

output 元素用于不同類型的輸出，比如計算或腳本輸出：

 !DOCTYPE HTML  html  head  meta charset= utf-8 /  title 自選教程(如約智惠.com) /title  /head  body  form oninput= x.value=parseInt(a.value)+parseInt(b.value) 0 input type= range id= a value= 50 100 + input type= number id= b value= 50  = output name= x for= a b /output  /form  strong 注意： /strong Internet Explorer 不支持 output 標(biāo)簽。 /body  /html 

以上就是HTML5 新表單元素 的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。