屬性
name:input元素的名稱,用于對提交到服務器后的表單數(shù)據(jù)進行標識僚稿,沒有給name的input的值,在提交時無法直接獲取到
accept:只和type=file配合使用悦荒,規(guī)定上傳的文件類型
alt:只和type=image配合使用茫打,設置圖片的描述
checked:只和type=radio,checkbox配合使用,規(guī)定默認選中
disabled:無法和type=hidden配合使用拜秧,禁用input元素
readonly:輸入字段為只讀痹屹,不能修改
maxlength:輸入字段的最長長度,以字符個數(shù)計算枉氮,只能和type=text,password配合
src:只和type=image配合志衍,圖片提交按鈕的圖片地址
value:input元素設定值
autocomplete:開啟或關閉自動完成功能暖庄,默認為on
autofocus:加載時自動獲得焦點
multiple:使用type=file,可以選擇多個值
pattern:驗證input
placeholder:提供占位符文字楼肪,在輸入為空時顯示
required:在提交之前必須填寫培廓,不能為空
form:規(guī)定非form標簽內的元素,輸入那個form表單
formaction:重寫表單的action屬性
formenctype:重寫enctype屬性
formmethod:重寫method屬性
formnovalidate:重寫novalidate屬性
formtarget:重寫target屬性
type:規(guī)定input元素的類型(圖片為chrome下的顯示)
button:按鈕春叫,value屬性的值為按鈕上顯示的文字医舆,類似[button標簽]
checkbox:多選按鈕,同一組按鈕name必須一致
支持checked屬性象缀,代表默認選中
<input type="checkbox" checked />
- file:用于文件的上傳
- 獲取file
- 上傳文件進度
http://blog.csdn.net/qq_36687640/article/details/78551217
- 支持accept和multiple屬性
//accept屬性蔬将,默認上傳時選擇的為全部類型的文件
//accept中指定默認上傳的類型,用逗號分割央星,在用戶選擇上傳時可以手動修改類型上傳霞怀,不會報錯
<input type="file" accept="image/gif,image/jpeg,image/jpg" />
//multiple屬性,默認上傳時只能選擇一個文件莉给,添加后可以選擇多個文件一起上傳
<input type="file" multiple />
- hidden:隱藏不可見毙石,但是數(shù)據(jù)仍然可以被提交
- image:圖片型提交按鈕
- src屬性:圖片地址
- alt:圖片描述,默認為提交
- width颓遏,height:圖片寬高
- password:密碼框徐矩,和text外觀一樣,但是輸入的內容不可見
- radio:單選按鈕叁幢,同一組按鈕name必須一致
- 支持checked屬性滤灯,默認選中,同一組按鈕曼玩,都設置checked鳞骤,最后一個被選中
<input type="radio" checked/>
- reset:創(chuàng)建重置表單的按鈕,value默認為重置
- submit:提交表單的按鈕黍判,value默認為提交豫尽,如果有submit則回車時會自動提交,如果是button就不會
- text:單行輸入字段顷帖,可以輸入文本
- color:創(chuàng)建調色板
- date:選取日美旧,月,年
- datetime:樣式和text一樣
- value格式:YYYY-MM-DDThh:mm:ss:sZ(Z:時區(qū))
- datetime-local:選取年贬墩、月榴嗅、日、時震糖、分
- value格式:YYYY-MM-DDThh:mm:ss:s(.1秒)
- email:樣式和text一樣录肯,會自動漸染email域的值,手機端會喚出英文鍵盤
- month:選取年吊说、月
- value格式:YYYY-MM
- number:數(shù)字论咏,手機端會喚出數(shù)字鍵盤
- 下面屬性只對點擊右側按鈕改變數(shù)字時有效,直接在輸入框可以輸入任何數(shù)字
- max:允許的最大值
- min:允許的最小值
- step:每次點擊時增加的數(shù)字
- value:默認值
- range:一定范圍內的數(shù)字
- max:允許的最大值颁井,默認為100
- min:允許的最小值厅贪,默認為0
- step:每次移動的間隔
- value:默認值
- search:搜索框,輸入后比text多一個x雅宾,點擊后會刪除所有輸入的內容
- tel:電腦端和text樣式一樣养涮,在手機端會喚出數(shù)字鍵盤
- time:選取時、分
- value格式:hh:mm:ss.s
- url:樣式和text一樣眉抬,會自動驗證url的值
- week:選取年贯吓、今年第幾周
- value格式:YYYY-W(周數(shù),從1到52)