0326 H5新增表單元素

2021-07-29 15:23:27 字數 1044 閱讀 2736

郵箱td>

【html5 智慧型表單】

h5新增input的form屬性,用於指向特定form表單的id,實現input無需放在form標籤之中,即可通過表單進行提交。

input元素的新增屬性:

autocomplete:自動完成功能.記錄使用者之前輸入的內容,並在下次輸入時自動提示完成輸入。

>>> 屬性值: on/off

>>> 可以在form表單上使用,對整張表單的所有控制項進行自動完成的開關

也可以在input上使用,對特定輸入框進行修改。

>>> 絕大部分瀏覽器,預設開啟。

autofocus:自動獲得焦點. autofocus="autofocus",只能設定input元素自動獲得焦點。

form:所屬表單。通過form表單的id,確定此input輸入哪張表單。

required:必填。required="required" 設定input必填,否則阻止提交。

pattern:使用正規表示式驗證input的模式(後續講解)

placeholder:提示內容,當有value時,取消提示。

h5 表單元素 datalist

要注意的是,使用這種下拉的智慧型提示框也要注意場合。比如在一些要選擇不是太多的場景下,使用一般的下拉框其實就可以了。而如果在需要使用者在很多資料中去選擇,則可以建議使用datalist下拉建議提示框,因為可以方便使用者快速檢索去選擇。國家選項 輸入國家的英文本元,下拉列表會提示相對應的國家英文單詞 ...

HTML5新增的表單元素

html5新增的表單元素 progress進度條 max 進度元素所要求的任務的工作量,預設值為1 value 已經完成的工作量,如果max值為1,該值必須是介於0 1之間的小數 例如 output使用者動作產生的結果 name 定義元素的名稱 for 其他元素的id列表,表明這些元素為計算提供了輸...

HTML5新增表單元素和表單屬性

safari和ie9以下不支援,規定了輸入域的選項內容 與input元素配合使用,定義input輸入域的選項內容。ie完全不支援 作用 提供一種驗證使用者的可靠方法 用於表單的金鑰對生成器字段,當提交表單時,會生成兩個鍵,乙個是私鑰,乙個公鑰。私鑰 private key 儲存於客戶端,公鑰 pub...