html单选只读（html单选按钮只能选一个）

本篇文章给大家谈谈html单选只读，以及html单选按钮只能选一个对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、html中input只读属性readonly 和 disable的区别
• 2、html中输入框为只读状态如何设置
• 3、如何让 HTML 控件只读或不可用

html中input只读属性readonly 和 disable的区别

作用范围不同

disabled属性可以用语所有的表单元素；readonly属性只对input（输入框）、textarea有效；

对元素的影响程度不同

disabled属性阻止对元素的一切操作，例如获取焦点，点击事件等等；readonly属性只是将元素设置为只读，其他操作正常；

表单提交

disabled属性可以让表单元素的值无法被提交；readonly属性则不影响提交问题；

html中输入框为只读状态如何设置

在设计网页时，有时需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种：

使用input的disable和readonly两个属性。

先来看下二者的区别：

input

type=

"text

"

readonly=

"true

"

value=

"这是readonly的！

"

input

type=

"text

"

disabled=

"true

"

value=

"这是disabled的！

"

可以看到，虽然两种都是让input的内容不能被用户编辑，但是对于后期的美工处理就有问题了！

例如：

style

input

{

color:blue;

}

/style

只有readonly的那个文本是蓝色的！

disabled是按系统设置的disabled颜色来设置前景色的，css对其无效！

另外，readonly和disabled还有一个不同点就是，当input属性为readonly时，提交表单是可以获得input的内容。

如果是disabled则不能获得所提交的内容，返回值全部为null，所以此处需要注意。

慎用readonly和disabled，指定了disabled的表单，在submit时，不会把它的值传出去。

例如，有两个text，一个是readonly一个是disabled，submit后，只能发送那个不是disabled的。

注意地址栏的值.

要保存到本地，因为submit了，不然，看不到效果。

如何让 HTML 控件只读或不可用

方法一： input id= "File1" type= "text" disabled/ 不可用

方法二： input id=

"File1" type= "text" readonly/ 只读

方法三： input id= "File1" type=

"text" style="display:none"/ 隐藏（但占位置）

方法四： input id= "File1" type=

"text" style="visibility:hidden"/ 隐藏（不占位置）

如使input type="text" name="input1"

value="中国" 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。

方法1:

onfocus=this.blur()

如：input type="text" name="input1" value="中国" onfocus=this.blur()

方法2:readonly

如：input type="text" name="input1"

value="中国" readonly 或

input type="text" name="input1" value="中国"

readonly="true"

方法3: disabled

如：input type="text" name="input1"

value="中国" disabled

关于html单选只读和html单选按钮只能选一个的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。