●Input
·電子郵件Input類(lèi)型
<input type=“email” name=“email”>
PC端無(wú)差距娱局,移動(dòng)端差異壤玫。
·統(tǒng)一資源定位符Input類(lèi)型
<input type=“url” name=“url”>
只適用于Iphone手機(jī)
·電話號(hào)碼Input類(lèi)型
<input type="tel" name="tel">
僅在移動(dòng)端有效果精绎。瀏覽器均不支持
·數(shù)字Input類(lèi)型
<input type="number" name="number">
number PC端效果.gif
number手機(jī)端效果
●Date Pickers Input類(lèi)型
Date——選取選取日、月、年
Month ——選取月盈包、年
Week ——選取周和年
Time ——選取時(shí)間(小時(shí)和分鐘)
Datetime——選取時(shí)間沸呐、日、月呢燥、年(UTC 時(shí)間)
Datetime-local ——選取時(shí)間崭添、日、月叛氨、年(本地時(shí)間)
區(qū)別:
1.兼容性:
Datetime僅Safari和opera瀏覽器呼渣。
Datetime-local僅chrome、Safari和opera兼容力试。
2.一個(gè)本地時(shí)間徙邻,一個(gè)UTC時(shí)間
input(datepicker)PC端的效果.gif
·Date Pickers date Input類(lèi)型
移動(dòng)端僅僅在iPhone上有效果
<input type=“date” name=“date”>
iPhone端的date效果
·Date Pickers month Input類(lèi)型
<input type=“month” name=“month”>
iphone端的month效果
·Date Pickers time Input類(lèi)型
<input type=“time” name=“time”>
iphone端的time效果
·Date Pickers datetime Input類(lèi)型
<input type=“datetime” name=“datetime”>
iPhone端的date效果
●其他input類(lèi)型
·Range Input類(lèi)型
<input type=“range” name=“range” min=“1” max=“10”>
range類(lèi)型.gif
·Search Input類(lèi)型
<input type=“search” name=“search”>
![Uploading color類(lèi)型的效果_250337.gif . . .]
search類(lèi)型效果.gif
·Color Input類(lèi)型
<input type=“color” name=“color”>
color類(lèi)型的效果.gif