亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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表單新增屬性

    本文主要對HTML5表單新增屬性進行詳細介紹，并附上實例解析，簡單易懂。需要的朋友一起來看下吧
    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元素擴展(下)—增強的Form表單元素值得關注

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

  • HTML標記語言——表單

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

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

    本教程介紹FORM表單標記的各種屬性在網頁設計中的應用. <FORM>標記的NAME屬性 基本語法 01 <Form name="Form＿name"> 02 ……
    2008-10-17

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

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

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

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

  • XHTML入門學習教程:表單標簽

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

最新評論