h5 新的 input 型別

2022-08-28 19:36:10 字數 1837 閱讀 3441

input 型別:color

color 型別用在input欄位主要用於選取顏色,

從拾色器中選擇乙個顏色如下所示:

input 型別:date

date 型別允許你從乙個日期選擇器選擇乙個日期。

input 型別:datetime

datetime 型別允許你選擇乙個日期。

input 型別:datetime-local

datetime-local 型別允許你選擇乙個日期和時間 (無時區).

input 型別:email

email 型別用於應該包含 e-mail 位址的輸入域。

在提交表單時,會自動驗證 email 域的值是否合法有效

input 型別:month

month 型別允許你選擇乙個月份。

生日 (月和年):

input 型別:number

number 型別用於應該包含數值的輸入域。

您還能夠設定對所接受的數字的限定:

定義乙個數值輸入域(限定):

數量 ( 1 到 5 之間 ):

使用下面的屬性來規定對數字型別的限定:

屬性描述

disabled

規定輸入欄位是禁用的

max規定允許的最大值

maxlength

規定輸入欄位的最大字元長度

min規定允許的最小值

pattern

規定用於驗證輸入欄位的模式

readonly

規定輸入欄位的值無法修改

required

規定輸入欄位的值是必需的

size

規定輸入欄位中的可見字元數

step

規定輸入欄位的的合法數字間隔

value

規定輸入欄位的預設值

input 型別:range

range 型別用於應該包含一定範圍內數字值的輸入域。

range 型別顯示為滑動條。

定義乙個不需要非常精確的數值(類似於滑塊控制):

請使用下面的屬性來規定對數字型別的限定:

input 型別:search

search 型別用於搜尋域,比如站點搜尋或 google 搜尋。

定義乙個搜尋字段 (類似站點搜尋或者google搜尋):

search google:

input 型別:tel

定義輸入**號碼字段:

**號碼:

input 型別:time

time 型別允許你選擇乙個時間。

input 型別:url

url 型別用於應該包含 url 位址的輸入域。

在提交表單時,會自動驗證 url 域的值。

定義輸入url欄位:

新增您的主頁:

input 型別: week

week 型別允許你選擇周和年。

定義周和年 (無時區):

選擇周:

H5系列之新input

雖說h5 新填了幾個很方便的input 型別,但是吧,想法是美好的,但是現實很殘酷,相容性不太好。基本只有google瀏覽器能用。但是既然出了,那麼就要了解他,知道有這麼乙個東西就好。input型別 color date datetime datetime local email month num...

H5 標籤屬性 input屬性

高亮文字 全部商品只要6.18 結果 加拼音文字 變bian 結果 軟換行,只試用於英文 zhe li shi ce shi wen zi,zhishiyongyuyingwen zhishiyongyuyingweninput輸入框 文字 text name username value 賬號 密...

H5常用新特性

注意 這些新特性都有相容性的問題,基本是ie9 以上版本的瀏覽器才支援,如果不考相容性問題,可以大量使用這些新特性 html5新增的語義話標籤 html新增的多 標籤 屬性值描述 autoplay autoplay controls controls width pixels height pxlo...