在HTML中input的type類型有text、password、hidden、submit等類型,HTML5在原有的類型上新增了幾種類型,下面進行介紹。
新建一個HTML5頁面,文件命為test.html,用于測試申明input新增的type類型。
新增了type="email"類型,在form表單中提交數據的過程中,這種類型會主動對輸入框的內容進行驗證,驗證是否是郵件地址。
新增了type="url"類型,當輸入的內容非網址,會以紅框顯示當前輸入不準確。
新增了type="number"類型,當在輸入框中輸入內容不是數字時,會以紅框提醒用戶輸入錯誤。number類型還可以設置min最小值,max最大值,并在輸入框的結尾呈現箭頭,可以調整數值。
新增了type="range"類型,此類型實現了近似于滑動條的結果,可以滑動,在該類型中可以實現min最小值和max最大值的設置。
新增了type="date"類型, 此類型只要給一個時候的默認值,就可以不需要JS的環境實現日期的選擇。
新增了type="search"類型,當輸入框為此類型時,輸入內容后,在輸入框的結尾會出來一個叉號,可對內容進行清空。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!