input常用属性

对于input的使用，大家都很熟悉的，<input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。下面总结下个人经常使用过的一些属性。

text          文本域      

button 按钮

checkbox复选

file文件类型限制

hidden隐藏域

password   密码域

radio单选

reset重置按钮

submit确认按钮

type="text" 

效果图

name —— 定义 input 元素的名称。

disabled —— 当 input 元素加载时禁用此元素。

value —— 规定 input 元素的值。

maxlength —— 规定输入字段中的字符的最大长度。

size —— 定义输入字段的宽度。

type="file"
比如之前做的上传歌曲的demo,可以利用表单提交的方法。直接限制input type='file'的文件类型限制，通过accept属性进行设定,多个类型用逗号分隔开;multiple="multiple"是允许多个上传；然后将它隐藏，UI层按钮可以通过自定义一个标签来美化，可以写这句代码来触发它

效果图：

具体的上传到服务器这些就不写了，自己写的比较粗糙，网上有现成的插件，效果都挺好的，具体是什么插件就百度吧，就不帮打广告了。