文本框的禁用

Zhou_慧

于 2021-08-03 11:28:53 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/m0_54409638/article/details/119346504

本文详细介绍了HTML中input文本框及radio单选框的禁用方法，对比了disabled与readonly属性的不同之处，并展示了如何使用这两种属性来实现不同的功能。

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

文本框的禁用

1、input文本框禁止修改文本

disabled属性：

<input type="text" name="zhangsan" value="xxx" disabled="true"/>

readonly属性：

<input type="text" name="zhangsan" value="xxx" readonly="true"/>

以上两种属性都可以禁止文本框的修改。

2、disabled 和 readonly 属性的区别

disabled属性：

使文本框不能修改内容，且文本框内容变灰色，通过request.getParameter("zhangsan")得不到文本框中的内容

readonly属性：

只是使文本框不能修改内容，外观没有变化，而且通过request.getParameter("zhangsan")可以得到内容。

3、radio 单选框 ,设置为只读，不能选定

disabled属性：

<input type="radio" name="gder" id="male" value="1" disabled/>
<label for="male">男</label>
<input type="radio" name="gder" id="female" value="2" disabled/>
<label for="female">女</label>

readonly属性：

<input type="radio" name="gder" id="male" value="1" readonly/>
<label for="male">男</label>
<input type="radio" name="gder" id="female" value="2" readonly/>
<label for="female">女</label>

4、radio 单选框里 disabled 和 readonly 属性的区别

disabled属性：

使文本框不能修改内容，且文本框内容变灰色;
但是 disabled 之后提交时服务器端就不能读取值了,可用 hidden 传值到后台

readonly属性：

radio控件本身就是只读了，所以加readonly等于没效果......