radio按扭设置只读_关于html:为什么单选按钮不能为“只读”?

本文探讨了在HTML中如何使单选按钮显示为只读,同时保持其提交值的功能。作者指出,禁用属性会影响提交,而只读属性在单选按钮上不起作用。讨论了使用JavaScript替代方案的可能性,以及为何单选按钮不同于其他输入字段。文章引用了HTML规范的不一致性和一些可能的解决方案,包括使用JavaScript来模拟只读效果。
摘要由CSDN通过智能技术生成

我想显示一个单选按钮,提交其值,但根据情况,使其不可编辑。 禁用不起作用,因为它不提交值(或者是?),并且它使单选按钮变灰。 只读确实是我想要的,但是由于某些神秘的原因,它不起作用。

是否需要一些怪异的技巧才能使只读功能按预期工作? 我应该只用JavaScript代替吗?

顺便说一句,有人知道为什么只读在单选按钮中不起作用,而在其他输入标签中却起作用吗? 这是HTML规范中那些无法理解的遗漏之一吗?

"这是HTML规范中那些无法理解的遗漏之一吗?"从用户的角度考虑。为什么显示他们无法点击的按钮?

为什么显示他们无法单击的按钮?因为我希望他们知道按钮在那里,但是我不希望他们现在能够单击它。但是也许以后。毕竟,它是一种动态形式。为什么单选按钮与任何其他输入字段都不同?

这是规范:w3.org/TR/html401/interact/forms.html#h-17.12.2"以下元素支持readonly属性:INPUT和TEXTAREA。"这显然是错误的。不过,回到这里,我们可以看到更准确的摘要:w3.org/TR/WD-forms-970402#readonly" READONLY适用于TEXT或PASSWORD类型的INPUT元素以及TEXTAREA元素。"看起来这已经在记录和规格之间落差了。

更加好奇。根据这个古老的文档,"例如,在复选框中,您可以选中或选中它们(从而设置CHECKED状态),但是您不更改字段的值。" (htmlcodetutorial.com/forms/_INPUT_DISABLED.html)这是真的吗?即使用户显然可以更改值,在复选框/无线电上设置READONLY也会锁定该值吗?

检查我的帖子[这里] [1]为问题[1]提供了一个干净简单的解决方案:stackoverflow.com/a/15513256/1861389

相关的stackoverflow.com/questions/155291/

仅当存在其他选项时,单选按钮才需要是只读的。如果没有其他选项,则不能取消选中选中的单选按钮。如果还有其他选项,则可以仅通过禁用其他选项来阻止用户更改值:

小提琴:http://jsfiddle.net/qqVGu/

您第一个解决方案的问题是,如果我想通过javascript启用单选按钮,则会突然出现两个具有相同名称的字段,因此我必须清理其中一个。或将隐藏的字段实际使用,并使单选按钮仅设置隐藏字段的值。以这种方式,它比像单选按钮那样的ID更加麻烦。您的第二个解决方案,尽管我毫不怀疑它是否有效,听起来像是一个非常丑陋的hack。因此,我认为javascript解决方案是唯

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值