对于input的使用,大家都很熟悉的,<input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。下面总结下个人经常使用过的一些属性。
text 文本域
button 按钮
checkbox 复选
file 文件类型限制
hidden 隐藏域
password 密码域
radio 单选
reset 重置按钮
submit 确认按钮
type="text"
<input type="text" name="名称" disabled="disabled" value="禁用" maxlength="20" size="50">
<input type="text" name="名称" readonly="readonly" value="只读" maxlength="20" size="30">
效果图
name —— 定义 input 元素的名称。
disabled —— 当 input 元素加载时禁用此元素。
value —— 规定 input 元素的值。
maxlength —— 规定输入字段中的字符的最大长度。
size —— 定义输入字段的宽度。
type="file"
比如之前做的上传歌曲的demo,可以利用表单提交的方法。直接限制input type='file'的文件类型限制,通过accept属性进行设定,多个类型用逗号分隔开;multiple="multiple"是允许多个上传;然后将它隐藏,UI层按钮可以通过自定义一个标签来美化,可以写这句代码来触发它
$("#picker").on("click",function(){
$("#fi").get(0).click();
})
效果图:
具体的上传到服务器这些就不写了,自己写的比较粗糙,网上有现成的插件,效果都挺好的,具体是什么插件就百度吧,就不帮打广告了。