html input属性都有啥,input 属性有哪些?input标签常用属性介绍

input 属性有哪些?在Html页面中input标签的应用相信很多用户都懂, 标签用于搜集用户信息,可以根据不同的 type 属性值来确定输入的字段是文本字段、复选框还是掩码后的文本控件、单选按钮、按钮等等。笔者就此为题,给大家总结一些常用的input属性。

104843.html

input 属性有哪些?

text 文本域

button 按钮

checkbox 复选

file 文件类型限制

hidden 隐藏域

password 密码域

radio 单选

reset 重置按钮

submit 确认按钮

type="text"

效果图:

104843.html

name 定义 input 元素的名称。

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

value 规定 input 元素的值。

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

size 定义输入字段的宽度。

type="file"

104843.html

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

$("#picker").on("click",function(){

$("#fi").get(0).click();

})

效果图:

104843.html

以上叙述便是input 属性在Html中的应用方法,具体的涉及上传到服务器的内容很简单,而且网络上有现成的插件,用户可以直接拿来用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值