input标签设置只读模式、select标签设置只读模式,button按钮设置只读模式

本文详细解析了HTML中input元素的只读(readonly)与禁用(disabled)属性的区别,包括它们的作用范围、是否允许表单提交,以及如何通过JavaScript进行操作。同时,也提到了select标签的相应处理方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

input里面设置只读模式可以使用disabled或者readOnly;区别主要有两点:

1.disabled:作用范围大,所有input类型都有效,而且被disabled修饰过的input的值不能随表单一起提交。

例如:<input type="text" id="text" disabled>

JS代码:$("#text").attr("disabled","disabled");

2.readOnly:作用范围较小,仅限于text,textarea,password等类型,但是被readOnly修饰过的值可以和表单一起提交。

例如:<input type="text" id="texts" readOnly>

JS代码:$("#texts").attr("readOnly","readOnly");
补充:如果数据需要提交可以使用readOnly修改,而不需要提交的可以使用disabled修饰;
select标签也可以使用disabled修饰。select又需要只读,被disabled修饰的select标签如果需要提交的话,可以在表单提交之前在js代码中写一个移除disabled属性的代码就可以了。
 $("#mouidzhi select").removeAttr("disabled","disabled");或者使用 $("#mouidzhi select").removeAttribute("disabled")也可以;
 另外,设置了disabled属性的button按钮会加上一层模糊层一样,​

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值