一、概述

隨著html5的出現(xiàn)，input標(biāo)簽新增了多種類型，用以接收各種類型的用戶輸入。其中傳統(tǒng)輸入控件有10種，新增輸入控件有13種。

二、傳統(tǒng)類型

傳統(tǒng)輸入控件有10種，如下所示。

text        定義單行文本輸入框
password    定義密碼輸入框
file        定義文件上傳控件
radio       定義單選按鈕
checkbox    定義復(fù)選框
hidden      定義隱藏的輸入字段
button      定義按鈕
image       定義圖像形式的提交按鈕
reset       定義重置按鈕,重置按鈕會(huì)清除表單中的所有數(shù)據(jù)
submit      定義提交按鈕,提交按鈕會(huì)把表單數(shù)據(jù)發(fā)送到服務(wù)器

三、新增類型

新增輸入控件有13種，如下所示。

color    定義調(diào)色板
tel      定義包含電話號(hào)碼的輸入域
email    定義包含email地址的輸入域
url      定義包含URL地址的輸入域
search   定義搜索域
number   定義包含數(shù)值的輸入域
range    定義包含一定范圍內(nèi)數(shù)字值的輸入域
date     定義選取日、月、年的輸入域 
month    定義選取月、年的輸入域
week     定義選取周、年的輸入域
time     定義選取月、年的輸入域
datetime 定義選取時(shí)間、日 月、年的輸入域(UTC時(shí)間)
datetime-local 定義選取時(shí)間、日 月、年的輸入域(本地時(shí)間)

ie和firefox這6種日期類型都不支持，chrome不支持datetime類型。要預(yù)設(shè)控件的日期和時(shí)間，可以用字符串設(shè)置value屬性。

date                　　 YYYY-MM-DD
time                 　　hh:mm:ss.s
datetime            　　 YYYY-MM-DDThh:mm:ss:sZ
datetime-local           YYYY-MM-DDThh:mm:ss:s
month            　　　　 YYYY-MM
week                　　 YYYY-Wnn

YYYY=年
MM=月
DD=日
hh=小時(shí)
mm=分鐘
ss=秒
s=0.1秒
T=日期與時(shí)間之間的分隔符
Z=Zulu時(shí)間的時(shí)區(qū)
Wnn=W周數(shù),從1月的第一周開始是1，直到52

該類型的value特性格式還可以用在min和max的特性里，用來創(chuàng)建時(shí)間跨度。step可以用來設(shè)置移動(dòng)的刻度。chrome不支持該類型的step設(shè)置。