input中 disabled、readonly、hidden的区别

disabled      disabled="disabled"

注意:

1.获取不到disable控件的焦点

2.锁住控件使之不可改变(包括 值 背景颜色 )---DIV disabled 后文本框依旧可变

3.绑定的事件不触发

4.input disabled后  ,value 不会在form 提交的时候发送出去


readonly      readonly="readonly"

注意:

1.能获取到readonly控件的焦点

2.锁住控件使值不可改变(不能通过界面修改,javascript 可以),但背景颜色等依旧可变

3.绑定事件可触发

4.value 会在form提交是发送出去


hidden       type="hidden"

注意:

隐藏控件  但value会被发送

HTML input 标签是用来创建用户输入表单的元素,它有很多属性和用法,以下是常见的一些: 1. type 属性:用来指定 input 的类型,包括 text、password、checkbox、radio、submit、reset、button、file 等。 2. name 属性:用来指定 input 的名称,用于后台处理表单数据。 3. value 属性:用来指定 input 的值,对于 type 为 text、password、hidden、submit、reset、button 等类型的 input,value 属性表示默认值;对于 type 为 checkbox、radio 等类型的 input,value 属性表示被选的值。 4. placeholder 属性:用来指定 input 的占位符,显示在 input 为空时的提示文字。 5. required 属性:用来指定 input 是否为必填项。 6. disabled 属性:用来指定 input 是否禁用。 7. readonly 属性:用来指定 input 是否只读。 8. autofocus 属性:用来指定 input 是否自动聚焦。 9. multiple 属性:用来指定 input 是否允许多选,仅适用于 type 为 file 的 input。 10. accept 属性:用来指定 input 可接受的文件类型,仅适用于 type 为 file 的 input。 11. size 属性:用来指定 input 的宽度,以字符为单位。 12. maxlength 属性:用来指定 input 可接受的最大长度。 13. min 属性和 max 属性:用来指定 input 可接受的最小值和最大值,仅适用于 type 为 number、range、date、time、datetime-local 的 input。 14. step 属性:用来指定 input 的步长,仅适用于 type 为 number、range 的 input。 以上是常见的一些 input 属性和用法,不同的 input 类型可能还有其他特殊的属性和用法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值