02 HTML5新的input屬性

2022-03-07 11:06:40 字數 1112 閱讀 6399

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...