新增Input的type值
HTML5新增的input的type值表格
| type | 作用 |
|---|---|
| color | color 型別用在input欄位主要用于選取顏色 |
| date | date 型別允許你從一個日期選擇器選擇一個日期 |
| datetime | datetime 型別允許你選擇一個日期（UTC 時間） |
| datetime-local | datetime-local 型別允許你選擇一個日期和時間 (無時區) |
| email 型別用于應該包含 e-mail 地址的輸入域 | |
| month | month 型別允許你選擇一個月份 |
| number | number 型別用于應該包含數值的輸入域 還能夠設定對所接受的數字的限定 |
| range | range 型別用于應該包含一定范圍內數字值的輸入域range 型別顯示為滑動條使用下面的屬性來規定對數字型別的限定：max - 規定允許的最大值min - 規定允許的最小值step - 規定合法的數字間隔value - 規定默認值 |
| search | search 型別用于搜索域，比如站點搜索或 Google 搜索 |
| tel | 定義輸入電話號碼欄位 |
| time | time 型別允許你選擇一個時間 |
| url | url 型別用于應該包含 URL 地址的輸入域在提交表單時，會自動驗證 url 域的值 |
| week | week 型別允許你選擇周和年 |
注意：以下示例可能因為瀏覽器可能不支持新的type值的原因，有些值是無效的，但是它們會仍然按默認的效果顯示
color
代碼示例：
<input type="color"/>
效果：
date
代碼示例：
<input type="date"/>
效果：
datetime
代碼示例：
<input type="datetime"/>
效果：
datetime-local
代碼示例：
<input type="datetime-local"/>
代碼示例：
<form>
<input type="email"/>
<input type="submit" value="https://www.cnblogs.com/WuMouRen/p/驗證email"/>
</form>
效果：
month
代碼示例：
<input type="month"/>
效果：
number
代碼示例：
<input type="number"/>
效果：
range
代碼示例：
<input type="range"/>
效果：
search
代碼示例：
<input type="search"/>
效果：
tel
代碼示例：
<form>
<input type="tel"/>
<input type="submit" value="https://www.cnblogs.com/WuMouRen/p/驗證tel"/>
</form>
效果：
time
代碼示例：
<input type="time"/>
效果：
url
代碼示例：
<form>
<input type="url"/>
<input type="submit" value="https://www.cnblogs.com/WuMouRen/p/驗證url"/>
</form>
效果：
week
代碼示例：
<input type="week"/>
效果：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/253879.html
標籤：HTML5
上一篇：canvas
下一篇：新增語意標簽