一、改良input元素的種類
在html中勾扭,大幅度增加與改良input元素的種類劣像,對于不支持新增input元素的瀏覽器來說粘衬,統(tǒng)一將這些input元素視為text類型
1.search
一種專門用來輸入搜索關(guān)鍵詞的文本框
2.tel
用來輸入電話號碼的專用文本框,它本身沒有特殊的校驗規(guī)則貌笨,不強制輸入數(shù)字胯究,但可以通過pattern屬性來指定對于輸入內(nèi)容的驗證,pattern的值為正則表達式躁绸。
3.url
一種專門用來輸入url地址的文本框,提交時如果內(nèi)容不是url地址格式的文字臣嚣,則不允許提交
4.email
一種專門用來輸入email地址的文本框净刮,提交時如果文本框中內(nèi)容不是email地址格式的文字,則不允許提交硅则,但它并不檢查email地址是否存在淹父,提交時文本框可以為空,除非加了require屬性怎虫。email類型的文本框還具有一個multiple屬性暑认,它允許在文本框中輸入多個郵箱地址以逗號分隔。
5.datetime
一種專門用來輸入UTC日期和時間的文本框大审,在提交時對輸入的日期格式進行有效檢驗
6.date
以日歷的形式方便用戶輸入
7.month
一種專門用來輸入月份的文本框蘸际,在提交時對輸入的月份格式進行有效性檢驗
8.week
一種專門用來輸入周號的文本框,在提交時對輸入的周號格式進行有效性檢驗
9.time
一種專門用來輸入時間的文本框徒扶,在提交時對輸入的時間格式進行有效性檢驗
10datetime-local
一種專門用來輸入本地日期和時間的文本框粮彤,在提交時對輸入的日期和時間格式進行有效性檢驗
11.Number
一種專門用來輸入數(shù)字的文本框,在提交時檢查輸入內(nèi)容是否為數(shù)字姜骡。它具有min导坟、max與step(每次增加最小值)屬性。
12.Range
一種只允許輸入一段范圍內(nèi)數(shù)值的文本框圈澈,它具有min惫周、max與step屬性,默認范圍是0~100.
output配合range使用代碼
13.color
提供一個顏色選擇器
14.file
文件選擇器康栈,可以指定multiple屬性递递,一次選擇多個文件。把MIME類型指定給accept屬性谅将,可以限制選擇文件的種類漾狼。
tip:
如果想要取消表單的驗證有兩種方法
1在form元素中使用novalidate,整個表單驗證全部失效
2在input元素中使用formnovalidate,某個input元素驗證失效
待續(xù)饥臂。逊躁。。