首頁  >  文章  >  web前端  >  html5有哪些新的表單元素

html5有哪些新的表單元素

青灯夜游
青灯夜游原創
2021-12-17 16:54:562179瀏覽

html5的表單元素:1、“”,規定輸入域的選項清單;2、“”,規定表單的金鑰對產生器欄位;3、 “”,用於不同類型的輸出(例如計算或腳本輸出)。 ”,規定輸入域的選項清單;2、“”,規定用於表單的金鑰對產生器欄位;3、“”,用於不同類型的輸出(例如計算或腳本輸出)。

html5有哪些新的表單元素

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

HTML5 有以下新的表單元素:

html5有哪些新的表單元素

#

html5有哪些新的表單元素

## ##HTML5 元素元素規定輸入域的選項清單。 屬性規定form 或input 域應該要有自動完成功能。當當使用者在自動完成網域中開始輸入時,瀏覽器應該在該網域中顯示填寫的選項:使用 元素的清單屬性與 元素綁定。標籤規定用於表單的金鑰對生成器欄位。屬性:##描述autofocus
<form action="#" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>
HTML5 元素 元素的作用是提供驗證使用者的可靠方法。
當提交表單時,會產生兩個鍵,一個是私鑰,一個公金鑰。 私鑰(private key)儲存於客戶端,公鑰(public key)則被傳送到伺服器。公鑰可用於之後驗證使用者的客戶端憑證(client certificate)。
<form action="demo_keygen.php" method="get">
  用户名: <input type="text" name="usr_name">
  加密: <keygen name="security">
  <input type="submit">
</form>

#屬性

autofocus使 欄位在頁面載入時獲得焦點。

challenge

challengehtml5有哪些新的表單元素

如果使用,則將keygen 的值設為在提交時詢問。

disabled##formrsa dsanameHTML5 元素
disabled #停用 元素欄位。
#form_id ##定義該欄位所屬的一個或多個表單。 keytype
ec 定義金鑰的安全演算法。 name
#定義 元素的唯一名稱。 name 屬性用於提交表單時蒐集欄位的值。

元素用於不同類型的輸出,例如計算或腳本輸出:

<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>
############屬性:#####################值## ####描述############for#########element_id#########描述計算中所使用的元素與計算結果之間的關係。 ############form#########form_id########## 定義輸入欄位所屬的一個或多個表單。 ############name#########name##########定義物件的唯一名稱(表單提交時使用)。 ###############相關推薦:《###html影片教學###》###

以上是html5有哪些新的表單元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn