前幾天去面試的時候,面試官問了我一個關於input標簽有多少類型?我當時懵了一下,input標簽我平常用得最多的是text 、button、submit、password等,但具體有哪些還真沒仔細總結,今天在此總結下。
一:在HTML中<input>標簽類型有以下幾種:
1.文本類
text:定義單行的輸入字段,用戶可在其中輸入文本。默認寬度為 20 個字符。
password:定義密碼字段。該字段中的字符被掩碼。
2.功能類
button:定義可點擊按鈕
image:定義圖像形式的提交按鈕。
submit:定義可提交按鈕,把表單數據傳給服務器
reset:定義重置按鈕。重置按鈕會清除表單中的所有數據。
3.操作類
CheckBox:定義復選框
radio:定義單選框
file:定義輸入字段和 "瀏覽"按鈕,供文件上傳。
4.特殊類:
hidden:定義隱藏的輸入字段。
二:HTML5中<input>標簽類型
雖說HTML5 擁有多個新的表單輸入類型。這些新特性提供了更好的輸入控制和驗證,但東西雖好,但有些瀏覽器還不能支持,具體我就不詳細說了,大家可以去www.w3school.com.cn進行查閱。
1.文本類
email:定義email地址,提交表單時能自動校驗email值是否符合規范
Url:定義Url地址,提交表單時能自動驗證Url的值
2.操作類:
number:定義數值字段
range:定義一定范圍內數字值的輸入域
3.Date類
date:選取日月年
month:選取年月
week:選取年周
time:選取時間(小時與分鍾)
datetime:選取年月日時分秒(UTC時間)
datetime-local:選取本地年月日時分秒