歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
  HTML5<datalist>元素
 
  <datalist>元素規定輸入域的選項列表
 
  <datalist>屬性規定form或input域應該擁有自動完成功能。當用戶在自動完成域中開始輸入時,瀏覽器應該在該域中顯示填寫的選項;
 
  使用<input>元素的列表屬性與<datalist>元素綁定。
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <head>
 
  <metacharset="utf-8"/>
 
  <title>自選教程(如約智惠.com)</title>
 
  </head>
 
  <body>
 
  <formaction="demo-form.php"method="get">
 
  <inputlist="browsers"name="browser">
 
  <datalistid="browsers">
 
  <optionvalue="InternetExplorer"></option>
 
  <optionvalue="Firefox"></option>
 
  <optionvalue="Chrome"></option>
 
  <optionvalue="Opera"></option>
 
  <optionvalue="Safari"></option>
 
  </datalist>
 
  <inputtype="submit">
 
  </form>
 
  <p>
 
  <strong>注意:</strong>InternetExplorer9,Safari不支持datalist標簽。
 
  </p>
 
  </body>
 
  </html>
 
  HTML5<keygen>元素
 
  <keygen>元素的作用是提供一種驗證用戶的可靠方法。
 
  <keygen>標簽規定用于表單的密鑰對生成器字段。
 
  當提交表單時,會生成兩個鍵,一個是私鑰,一個公鑰。
 
  私鑰(privatekey)存儲于客戶端,公鑰(publickey)則被發送到服務器。公鑰可用于之后驗證用戶的客戶端證書(clientcertificate)。
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <head>
 
  <metacharset="utf-8"/>
 
  <title>自選教程(如約智惠.com)</title>
 
  </head>
 
  <body>
 
  <formaction="demo-form.php"method="get">
 
  用戶名:<inputlist="text"name="usr_name">
 
  密碼:<keygenname="security">
 
  </datalist>
 
  <inputtype="submit">
 
  </form>
 
  <p>
 
  <strong>注意:</strong>InternetExplorer不支持keygen標簽。
 
  </p>
 
  </body>
 
  </html>
 
  HTML5<output>元素
 
  <output>元素用于不同類型的輸出,比如計算或腳本輸出:
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <head>
 
  <metacharset="utf-8"/>
 
  <title>自選教程(如約智惠.com)</title>
 
  </head>
 
  <body>
 
  <formoninput="x.value=parseInt(a.value)+parseInt(b.value)">0
 
  <inputtype="range"id="a"value="50">100
 
  +<inputtype="number"id="b"value="50">
 
  =<outputname="x"for="ab"></output>
 
  </form>
 
  <p>
 
  <strong>注意:</strong>InternetExplorer不支持output標簽。
 
  </p>
 
  </body>
 
  </html>
 
  HTML5新表單元素
 
  標簽 描述
 
  <datalist> <input>標簽定義選項列表。請與input元素配合使用該元素,來定義input可能的值。
 
  <keygen> <keygen>標簽規定用于表單的密鑰對生成器字段。
 
  <output> <output>標簽定義不同類型的輸出,比如腳本的輸出。





本文轉載自中文網

 

如需轉載,請注明文章出處和來源網址:http://www.4389979.live/html/h55043.shtml

河南十一选五大小 内蒙古快三走势图 pk10技巧实战 为什么很多期货配资都有问题 河南11选五5开奖走势图 七星开彩结果 股票配资风险专业杨方配资平台 云南十一选五官网 广东快乐10分走势图表 辽宁福彩35选7最近100期 股票期货开户