欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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 內(nèi)的 option 元素創(chuàng)建的。
如需把 datalist 綁定到輸入域，請用輸入域的 list 屬性引用 datalist 的 id：

實例

復(fù)制代碼
代碼如下:

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 元素永遠(yuǎn)都要設(shè)置 value 屬性。

keygen 元素

keygen 元素的作用是提供一種驗證用戶的可靠方法。
keygen 元素是密鑰對生成器（key-pair generator）。當(dāng)提交表單時，會生成兩個鍵，一個是私鑰，一個公鑰。

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

目前，瀏覽器對此元素的糟糕的支持度不足以使其成為一種有用的安全標(biāo)準(zhǔn)。
實例

復(fù)制代碼
代碼如下:

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

親自試一試

output 元素

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

復(fù)制代碼
代碼如下:

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

相關(guān)文章

  • 詳解HTML5表單新增屬性

    本文主要對HTML5表單新增屬性進(jìn)行詳細(xì)介紹，并附上實例解析，簡單易懂。需要的朋友一起來看下吧
    2016-12-21

  • HTML Form表單元素全面了解

    下面小編就為大家?guī)硪黄狧TML Form表單元素全面了解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-09-26

  • html5表單及新增的改良元素詳解

    下面小編就為大家?guī)硪黄猦tml5表單及新增的改良元素詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-07

  • HTML5新增的表單元素和屬性實例解析

    這篇文章主要為大家介紹了HTML5新增的表單元素和屬性,具有一定的參考價值！需要的朋友可以參考下
    2014-07-07

  • HTML5之HTML元素擴(kuò)展(下)—增強(qiáng)的Form表單元素值得關(guān)注

    在HTML5增強(qiáng)的元素中，最值得關(guān)注的就是表單元素;在HTML5中，表單已經(jīng)做了重大的修整，一些以前需要通過JavaScript編碼實現(xiàn)的功能現(xiàn)在無需編碼就可輕松實現(xiàn),感興趣的朋友可
    2013-01-31

  • HTML標(biāo)記語言——表單

    點(diǎn)擊這里返回網(wǎng)頁教學(xué)網(wǎng)　HTML教程　欄目． 上文：標(biāo)記語言——引用 原文出處 chapter 5 表單 互動性一直是互聯(lián)網(wǎng)的重點(diǎn),讓使用者與網(wǎng)站能夠交換信息
    2008-10-17

  • HTML表單標(biāo)記教程(2):

    本教程介紹FORM表單標(biāo)記的各種屬性在網(wǎng)頁設(shè)計中的應(yīng)用. <FORM>標(biāo)記的NAME屬性 基本語法 01 <Form name="Form＿name"> 02 ……
    2008-10-17

  • HTML表單標(biāo)記教程(4):

    假設(shè)現(xiàn)在要在表單中添加這樣一項內(nèi)容：瀏覽所在的城市。這里不說全國的城市，只說省會以上的城市就有幾十個。如果以上面講過的單選按鈕的形式，將這些城市全部羅列在網(wǎng)頁上
    2008-10-17

  • 帶有圖片預(yù)覽功能的上傳表單的完整HTML

    帶有圖片預(yù)覽功能的上傳表單，完整的HTML代碼如下所示 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=
    2008-10-17

  • XHTML入門學(xué)習(xí)教程:表單標(biāo)簽

    表單是用戶提交信息的重要渠道。本節(jié)就將介紹表單的基礎(chǔ)知識。 表單標(biāo)簽<form> 表單以一個<form>標(biāo)簽開始。用戶注冊網(wǎng)站會員，投票等等都需要表單來實現(xiàn)
    2008-10-17

最新評論