表单input中disabled提交后得不到值的解决办法

表单input中disabled提交后得不到值的解决办法,第1张

input的字段当为disabled时时无法获取数值得,所以尽量不要用这个,我们可以用readonly带替代,即可解决这类问题。

放在form表单中提交后得不到该值。 

将disabled="disabled" 改为 readonly = "readonly" 即可 ,按照W3C的规范

设置为disabled的input将会有下面的限制: 

1.不能接收焦点 

2.使用tab键时将被跳过 

3.可能不是successful的 

设置为readonly的input将会有下面的限制: 

1.可以接收焦点但不能被修改 

2.可以使用tab键进行导航 

3.可能是successful的 

只有successful的表单元素才是有效数据,也即是可以进行提交。disabled和readonly的文本输入框只能通过脚本进行修改value属性。 

一、来看看这两个属性在效果和使用上的区别。

1.readonly是要锁定这个控件,通过在界面上无法修改他(但是通过javascript可以修改他)。

2. disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值,但是disabled的更彻底一些,他是要使你完全不能使用他,包括改变他的背景颜色(不信,你去修改一个被disabled掉的input文本框,你发现你是徒劳),如果是checkbox则不能选中他。

3. 所有控件都有disabled 属性,但是不一定有readonly属性,如select 下拉框。

(1)text

(2) checkBox

(3)select下拉选择框(这里只能显示disabled和非disabled的区别,因为select 没有readonly属性

(4)button按钮

说明:点击被readonly掉的按钮照样可以触发事件,但是被disabled掉的按钮就无法使用了不管上面有没有事件。

(5)div

说明:将div设置disabled属性之后,整个div都灰掉了,但是文本框里面还是可以输入内容的。

注意:select下拉选择框是没有readonly属性的

参考原文链接: https://blog.csdn.net/u014185140/article/details/51985147

选中Time单选按钮,右键点击属性->行为->Disabled属性变为True。

RadioButton是单选按钮,同组之间是互斥的。但我们选择了“男”,然后再去选择“女”时,“男”就会取消选择,这也是我们想要的。但是当我们再去选择“5岁”时,女又会被取消选择,但这可不是我们想要的。为了第一题和第二题之间互相没有影响,我们需要分组。RadioButton有个属性Group,默认值是“False”。我们可以将某一个RadioButton改成True,表示它是一个新组的开始。对话框上的各个控件是有TAB序的,即按TAB键时,依次选中不同的控件,我们可以按Ctrl+D来查看TAB序。而RadioButton分组也是按TAB序来的。TAB序从小到大,从第一个RadioButton开始,到一个属性Group为True的RadioButton之前的那个RadioButton为止,这之间的RadioButton是一组,他们之间的选择是互斥的,然后再从这个RadioButtonGroup属性为True的开始,到下个Group属性为True之前的那个RadioButton为止,这又是一组,他们之间互斥;以此类推。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/tougao/11183505.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-14
下一篇2023-05-14

发表评论

登录后才能评论

评论列表(0条)

    保存