html5 擁有多個新的表單輸入型別。這些新特性提供了更好的輸入控制和驗證
本節介紹新的輸入型別:
color 型別用在input欄位主要用於選取顏色
從拾色器中選擇乙個顏色:
date 型別允許你從乙個日期選擇器選擇乙個日期。
定義乙個時間控制器:
datetime-local 型別允許你選擇乙個日期和時間 (無時區).
定義乙個日期和時間 (無時區):
生日 (日期和時間):
email 型別用於應該包含 e-mail 位址的輸入域
在提交表單時,會自動驗證 email 域的值是否合法有效
e-mail:
month 型別允許你選擇乙個月份。
定義月與年 (無時區):
生日 (月和年):
number 型別用於應該包含數值的輸入域。
你還能夠設定對所接受的數字的限定:
數量 ( 1 到 5 之間 ):
ange 型別用於應該包含一定範圍內數字值的輸入域。
range 型別顯示為滑動條。
定義乙個不需要非常精確的數值(類似於滑塊控制):
search 型別用於搜尋域,比如站點搜尋或 google 搜尋
定義乙個搜尋字段 (類似站點搜尋或者google搜尋):
google search:
定義輸入**號碼字段:
**號碼:
time 型別允許你選擇乙個時間。
定義可輸入時間控制器(無時區):
url 型別用於應該包含 url 位址的輸入域。
在提交表單時,會自動驗證 url 域的值。
定義輸入url欄位:week 型別允許你選擇周和年。新增您的主頁:
定義周和年 (無時區):
選擇周:
HTML5 新的input型別
html5擁有多個新的表單輸入型別。這些新特性提供了更好地輸入控制和驗證。新的輸入型別如下 瀏覽器支援情況 ie firefox opera chrome safari 其中opera對新的輸入型別的支援最好。不過您已經可以在所有主流的瀏覽器中使用它們了。即使不被支援,仍然可以顯示為常規的文字域。i...
HTML5 新的 Input 型別
number type number 呼叫數字鍵盤 加入pattern 0 9 呼叫九宮格數字鍵盤 number pattern 0 9 首字母自動大寫autocapitalize 在 ios 中,使用者可以手動開啟 首字母自動大寫 功能,這樣輸入英文的時候,首字母便會自動大寫。比如使用者名稱這個字...
html5中的input新屬性range使用記錄
過了兩天完全沒有電腦,沒有電視,手機又沒有流量的生活,習慣了那樣喧囂的節奏,再回到那麼清淨的環境,不啻於一次洗滌,同時卻有些惶恐,好像自己又什麼都不會了,如果脫離程式設計客棧了這個文明的社會,甚至可以說,我連基本的生存能力都沒有,如果回到過去,我不知道能活多久。複製 如下 顯示效果如下 這裡看到了t...