郵箱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...