HTML5新增了哪些表單控制元件

HTML5新增了哪些表單控制元件

1.input控制元件型別中的

拾色器color

該控制元件主要應用於自定義顏色的一些需求中,使用者可以透過該控制元件,自定義色調,達到一種以人為中心的效果。

2.date控制元件用來選擇日期

在以往選擇日期時,我們都會用mydatepicker97控制元件、layui等,經過親自試用,發現基本功能都有,綜合美觀程度有待改進。同樣,有日期就會有時間,也可以有datetime控制元件,具有選擇日期和時間的效果。(經測試發現沒有效果)(可以選擇日期和時間,但時間精確到分,沒有秒)

3.email輸入控制元件

該控制元件允許輸入一個合法的郵件格式,如果輸入的是非法的格式,會有提示,相比用自定義的input+正則表示式驗證要好的多,少寫很多程式碼。

4.數值輸入域number

該控制元件允許輸入數字(包括小數),且可以設定上下限,預設步長為1,也可以自定義步長。多應用於商品數量的填寫上。

與此同效果的還有range控制元件,range控制元件表現為一個滑動條。

5.tel控制元件

與email使用最頻繁的還有tel控制元件,以往都是自己定義為text後再用正則表示式判斷輸入格式是否正確,有了此控制元件可以避免很多驗證。

除以上幾個控制元件較實用外,另幾個比較雞肋,僅供學習參考吧。

頂部