h5 input新增屬性

2021-09-11 20:24:44 字數 1280 閱讀 5417

1.autofocus 頁面載入完後獲得焦點

//當頁面載入時獲得焦點

autocomplete 是否顯示與現在輸入內容相匹配得歷史輸入記錄

//可設定得值:no-顯示匹配的歷史輸入記錄 off 不顯示歷史輸入記錄

form 設定元素歸屬表單的id

//用於宣告元素屬於哪個表單,而不關心元素在頁面哪個位置,表單之外都行

formaction 設定表單action屬性的值

first name:

last name:

formenctype 覆蓋表單enctype屬性的值

first name:

formmethod 覆蓋表單method屬性的值

first name:

last name:

formnovalidate 關閉表單的驗證

e-mail:

formtarget 設定表單target屬性的值

first name:

last name:

max min 設定最大/最小值

minlength 設定輸入最小程度

pattern 設定元素文字內容需匹配的正規表示式

//瀏覽器不會驗證空值,若想必填可加上 required 屬性

//若含有 title 屬性的值,當匹配失敗會顯示 title 的資訊

手機號碼:

placeholder 設定預先顯示內容

readonly 設定元素是否唯讀

required 設定是否為必填項

方法boolean checkvalidity() 判斷控制項的內容是否校驗通過

console.log(document.getelementbyid(『weburl』).checkvalidity()); // => false :驗證不通過 true : 驗證通過

1void setcustomvalidity(string msg) 設定校驗不通過時的自定義資訊

新的密碼:

確認密碼:

// 校驗2個密碼是否一致

var validitypwd = function()else

}新控制項

color 顏色

date 日期

3.month 年月日曆

4.time 時間

5.week 週數

6.email 電子郵件

7.number 數值

8.search 搜尋框

9.range 滑動條

10.tel **號碼

11.url **

H5 input 浮層 鍵盤遮擋

這個問題,其實在前端是個老生常談的問題。最終的解決方案其實是在攜程中使用 scrollintoviewifneeded 在比較奇葩的去哪兒使用監聽 focus,在底部加 padding 的做法。之所以不使用定位,是因為,鍵盤高度我不確定。所以我給 padding,這樣白色的區域即使大一點也可以接受。...

H5新增input表單 表單屬性

新增表單 屬性值說明 type email 郵箱格式 type url url型別 type date 日期格式 type time 時間格式 type month 月type week 周type number 數字type tel 手機號type seach 搜尋框type color 顏色選擇...

H5新增input表單 表單屬性

新增表單 表單屬性 required required,必填,內容不能為空 placeholder 提示文字 佔位符 更改提示文字顏色 input placeholder autofocus autofocus,自動聚焦到指定表單 multiple multiple,可以多選檔案提交 多用於上傳檔案...