input常用属性

时间:2022-02-06 06:17:07

  对于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">

  效果图

input常用属性

  name —— 定义 input 元素的名称。
  disabled —— 当 input 元素加载时禁用此元素。
  value —— 规定 input 元素的值。
  maxlength —— 规定输入字段中的字符的最大长度。
  size —— 定义输入字段的宽度。
 type="file"  

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

  效果图:

  input常用属性

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