H5筆記04 表單form

2021-10-23 06:45:43 字數 1657 閱讀 7437

html5中表單提交的新方式:表單元素可以不用被標籤包圍。

只需要給標籤設定乙個id,然後把要關聯起來的表單元素加上form=」id」 即可:(經測試ie無效)

type="email" 限制使用者輸入必須為email型別

type="url" 限制使用者輸入必須為url型別

type="date" 限制使用者輸入必須為日期型別(測試後僅谷歌chrome和歐朋有效)

type="time" 限制使用者輸入必須為時間型別(僅歐朋支援)

time:

24小時時間選擇

type="month" 限制使用者輸入必須為月型別(僅歐朋支援)

滑鼠放上去一次選乙個月

type="week" 限制使用者輸入必須為周型別(僅歐朋支援)

滑鼠放上去一次選一周

type="number"限制使用者輸入必須為數字型別

數字:

type="range" 產生乙個滑動條的表單

滑動條:max:最大值,step:跳躍層級

type="search"產生乙個搜尋意義的表單配合results="n"屬性可以生成乙個放大鏡圖示(僅谷歌chrome支援)

搜尋:type="color" 生成乙個顏色選擇表單(測試後ie不支援)

顏色:

屬性 值 說明

required required 表單擁有該屬性表示其內容不能為空,必填

placeholder 提示文字 表單的提示資訊,存在預設值將不顯示

autofocus autofocus 自動聚焦屬性,頁面載入完成自動聚焦到指定表單

pattern 正規表示式 輸入的內容必須匹配到指定正則

【其他】

datalist標籤配合option標籤實現的自動填充表單功能:

output的使用

H5新增form控制項和表單屬性

第乙個知識點 表單的屬性及總結 第二個知識點 h5新增的表單控制項和屬性以及總結 第乙個知識點 我們常見的表單驗證有哪些呢 text 文字框標籤 password 密碼框 checkbox 多選框 radio 單選框 button 按鈕 submit 提交按鈕 以上是我們常用的一些form屬性 第二...

H5表單屬性

form formaction formmethod placeholder autofocus list autocomplete list 指定文字框提供建議值的datalist元素,其值為datalist元素的id值。maxlength 設定文字框最大字元長度。pattern 用於輸入印證的正...

H5新增表單

新增表單型別如下 屬性值說明type email 限制使用者輸入必須為email型別 type url 限制使用者輸入必須為url型別 type date 限制使用者輸入必須為日期型別 type time 限制使用者輸入必須為時間型別 type month 限制使用者輸入必須為月型別 type we...