Input

属性

name：input元素的名称，用于对提交到服务器后的表单数据进行标识，没有给name的input的值，在提交时无法直接获取到
accept：只和type=file配合使用，规定上传的文件类型
alt：只和type=image配合使用，设置图片的描述
checked：只和type=radio,checkbox配合使用，规定默认选中
disabled：无法和type=hidden配合使用，禁用input元素
readonly：输入字段为只读，不能修改
maxlength：输入字段的最长长度，以字符个数计算，只能和type=text,password配合
src：只和type=image配合，图片提交按钮的图片地址
value：input元素设定值
autocomplete：开启或关闭自动完成功能，默认为on
autofocus：加载时自动获得焦点
multiple：使用type=file，可以选择多个值
pattern：验证input
placeholder：提供占位符文字，在输入为空时显示
required：在提交之前必须填写，不能为空
form：规定非form标签内的元素，输入那个form表单
formaction：重写表单的action属性
formenctype：重写enctype属性
formmethod：重写method属性
formnovalidate：重写novalidate属性
formtarget：重写target属性
type：规定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：隐藏不可见，但是数据仍然可以被提交
image：图片型提交按钮
src属性：图片地址
alt：图片描述，默认为提交
width，height：图片宽高
password：密码框，和text外观一样，但是输入的内容不可见
radio：单选按钮，同一组按钮name必须一致
支持checked属性，默认选中，同一组按钮，都设置checked，最后一个被选中

<input type="radio" checked/>

reset：创建重置表单的按钮，value默认为重置
submit：提交表单的按钮，value默认为提交，如果有submit则回车时会自动提交，如果是button就不会
text：单行输入字段，可以输入文本
color：创建调色板
date：选取日，月，年
datetime：样式和text一样
value格式：YYYY-MM-DDThh：mm：ss：sZ(Z：时区)
datetime-local：选取年、月、日、时、分
value格式：YYYY-MM-DDThh：mm：ss：s(.1秒)
email：样式和text一样，会自动渐染email域的值，手机端会唤出英文键盘
month：选取年、月
value格式：YYYY-MM
number：数字，手机端会唤出数字键盘
下面属性只对点击右侧按钮改变数字时有效，直接在输入框可以输入任何数字
max：允许的最大值
min：允许的最小值
step：每次点击时增加的数字
value：默认值
range：一定范围内的数字
max：允许的最大值，默认为100
min：允许的最小值，默认为0
step：每次移动的间隔
value：默认值
search：搜索框，输入后比text多一个x，点击后会删除所有输入的内容
tel：电脑端和text样式一样，在手机端会唤出数字键盘
time：选取时、分
value格式：hh：mm：ss.s
url：样式和text一样，会自动验证url的值
week：选取年、今年第几周
value格式：YYYY-W(周数，从1到52)

Input

属性

推荐阅读更多精彩内容