input有很多屬性,我們先來說一下最原始的,也就是HTML5之前的
1)text: 定義單行的輸入字段,可扎起其中輸入文本
2)password:定義密碼字段,會顯示自符掩碼
3)file: 定義輸入字段和“瀏覽”安按鈕,供文件上傳
4)radio: 定義單選按鈕
5)checkbox:定義復選框
6)hidden: 定義隱藏的輸入字段
7)button: 定義可點擊按鈕(多數情況下用於通過JavaScript腳本)
8)image: 定義圖像形式的提交按鈕
9)reset: 定義重置按鈕,清除表單所有內容
10)submit: 定義提交按鈕,按鈕會把表單數據發送到服務器
下面是H5新加的:
1)color: 定義調色板
2)tel: 定義包含電話號碼的輸入域(只驗證是否是11位數字,不驗證是否為真的手機號,只在觸屏網頁中有效,點擊輸入框會彈出數字鍵)
3)email: 定義包含email的輸入域,在手機上會調入英文鍵盤
4)url: 定義包含url的輸入域(驗證不標准,https、缺少//、www等都可驗證通過)
5)search: 定義搜索域
6)number:定義包含數值的輸入域,在手機上會調入數字鍵盤
7)range: 定義包含一定范圍內數字值得輸入域,
例:
<input type="range" min="0" max="10" step="0.5" value="6" />
max:規定允許最大值,min:規定允許最小值,step:規定合法的數字間隔,value:規定默認值
8)date: 定義選取日、月、年的輸入域
9)month: 定義選取月、年的輸入域
10)week: 定義選取周、年的輸入域(不帶時區)
11)time: 定義選取上下午、時、分的輸入域(不帶時區)
12)datetime:定義選取時間、日、月、年的輸入域(UTC時間 即世界協調時間)
13)datetime-local:定義選取時間、日、月、年的輸入域(本地時間)
14)autofoucs:制定控件自動獲得焦點(一個index文件只允許有一個控件有改屬性)
例:
<input type="text" autofoucs/>
好啦,到這里就有所有的input屬性啦
