input框disable和readonly的区别

最新推荐文章于 2024-07-29 14:31:33 发布
原创 最新推荐文章于 2024-07-29 14:31:33 发布 · 772 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#input
本文详细介绍了HTML中文本框的两种属性：disabled和readonly的使用方式与区别，包括它们如何影响用户交互及服务器端获取数据的过程。

两种属性的写法如下：

 

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

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

 

这两种写法都会使显示出来的文本框不能输入文字，

 

但disabled会使文本框变灰，而且通过request.getParameter("name")得不到文本框中的内容（如果有的话），

 

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

e5945
关注
通过调色板（QPalette）将readonly为true的QLineEdit颜色设置为灰色
danshiming的博客
12-18 2561
当将QLineEdit的readonly为true后，QLineEdit颜色默认情况下依然为白色，现在要设置为灰色（类似disable属性为true的颜色），除了用样式表设置外，调色板也可以实现，代码如下： escapedPatternLineEdit = new QLineEdit; escapedPatternLineEdit->setReadOnly(true); QPalette palette = escapedPatternLineEdit->palett
input属性disabled和readonly的区别（超详细的~~~~）
白小纯的博客
10-16 2万+
1.两种情况的写法，没什么太大的区别，两个属性而已 disabled写法：&lt;input type="text" name="aaa" value="xxx" disabled="true"/&gt; readonly写法：  &lt;input type="text" name="bbb" value="xxx" readonly=&
form中的input设置成readonly, 与设置成disable有何区别？
金木AI
12-15 1079
当将一个输入字段设置为 disabled 时，用户不能对该字段进行任何交互。输入字段会显示为灰色，用户无法点击、编辑、选择或复制其中的内容。这通常用于在表单中暂时禁用某个输入项，或者当某个条件不满足时禁用某个输入项。当将一个输入字段设置为 readonly 时，用户可以看到字段的内容，但不能修改它。用户仍然可以选中字段中的文本，复制它，但无法进行编辑。这通常用于显示现有数据，让用户查看但不允许修改。在HTML中， 元素是用于在表单中接收用户输入的元素。readonly 允许用户查看字段内容，但不允许编辑。
input属性disabled和readonly的区别
热门推荐
symgdwyh的专栏
03-03 6万+
两种属性的写法如下： 1、2、 这两种写法都会使显示出来的文本框不能输入文字， 但disabled会使文本框变灰，而且通过request.getParameter("name")得不到文本框中的内容（如果有的话）， 而readonly只是使文本框不能输入，外观没有变化，而且通过request.getParameter("name")可以得到内容。
Vue 动态控制输入框的disabled属性
7c
08-10 4571
Vue 动态控制输入框的disabled属性
input框的disable和readonly区别
babyZeng
07-23 1472
html中的input框,如果想设置为只读功能时,可以设置为: &lt;input  disabled="disabled"  type="text" /&gt;或 &lt;input  disabled="true"  type="text" /&gt; &lt;input  readonly="readonly"  type="text" /
disable 和 readyonly的使用区别
chenzhen1980的专栏
08-29 1066
都是实现了input框内容的不可修改，但readonly="readonly"内容可以传到后台，但是用disable=“disable”内容不可传到后台。
form表单中input readonly 和 disable的区别
wuliEcho的博客
11-26 2201
Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：      Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonl
form中的input可以设置为readonly 和 disable，二者有什么区别？
riemann_的博客
03-13 2842
Jquery的api中提供了对元素应用disabled和readonly属性的方法，在这里记录下。如下： readonly $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性 if($('input')....
input中的disabled 和 readonly的区别
z16638522031的博客
06-07 1757
经常遇到当用户正式提交了表单后需要等待管理员的信息验证，这就不允许用户再更改表单中的数据，而是只能够查看，由于disabled的作用元素范围大，所以此时应该使用disabled，但同时应该注意的是要将submit button也disabled掉，否则只要用户按了这个按钮，如果在数据库操作页面中没有做完整性检测的话，数据库中的值就会被清除。2、但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而disabled对于所有的表单元素都有效，
readonly和disabled的作用？区别？别翻了，这有精细汇总齐的秘籍！
Yummy的博客
04-06 2205
目录 一、介绍及作用 二、用法 三、区别 1、外观变化不同 2、作用范围不同 3、对元素的影响程度不同 4、表达提交情况不同 四、常用情况 1、关于readonly 2、关于disabled 一、介绍及作用 readonly 把输入的字段设为只读，但是没有禁用 readonly=” readonly”，将元素设置为只读，其他操作正常。 disabled 禁用一个input元素。 disabled="disabled"，阻止对元素的一切操作，例如获取焦点，点击事件等。 read...
input标签设置文本不可修改的两种状态（disable、readonly）区别
good_good_xiu的博客
04-02 5583
问题场景：一般我们在对数据的增删改查操作中，有一些数据是不允许修改的，比如创建时间等固定信息。 实际开发中，我们会使用disabled属性或者readonly属性将input文本框设置成不可修改。这两者有什么区别呢？ <input type ="text" name = "name" value = "XXX" disabled> disabled属性会使文本框变灰，而且后端通过request.getParameter(“name”)得不到文本框中的内容。原因是，在表单传输数据时，如果inpu
input元素的disabled属性
2301_76222589的博客
02-19 1749
input元素的disabled属性
JavaScript
最新发布
xjdkxnhcoskxbco的博客
07-29 1338
1、置灰——元素节点.disabled，它的取值是一个布尔值，true表示置灰，false表示可用。2、只读——元素节点.readOnly,它的取值是一个布尔值，true表示只读，false表示可用。区别：当一个表单控件被disabled，那么它的值不能被提交。当一个表单控件被readOnly，那么它的值可以被提交。
input输入框disabled和readonly区别
SevenLee的个人博客
10-18 412
disabled和readonly这两个属性有一些共同之处，比如都设为true，则form属性将不能被编辑，往往在写js代码的时候容易混合使用这两个属性，其实他们之间是有一定区别的： 如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。而readonly只是针对文...
修改bootstrap默认readonly样式灰底为白底
Jamie Jiang's Blog
07-30 6431
bootstrap的disabled是灰色背景的 readonly也是灰色背景的 但是我的功能中的input只想让它不可编辑但是不要灰色(因为会给人一种不能点的感觉)，所以对于灰底变白底可以有如下两种方式： 1、可以全局修改bootstrap.css去掉步骤3的红框中的内容即可，如图 2、可以只针对当前页面进行修改，在input中加上样式即可:style=”background-colo...
使input文本框不可编辑的3种方法
不吃草的程序猿的博客
10-12 2190
使input文本框不可编辑的3种方法： 1、disabled 属性：规定禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例：<input type="text" disabled="disabled" /> 2、readonly 属性：规定输入...
input的disabled属性
woaixuexixixi的博客
06-07 5842
使用input的disabled属性后，无法通过getParameter()方法获取其属性。解决方法:disabled="disabled"  换为 readOnly="readOnly"两者效果一样，都是将编辑框设置为不可编辑状态。但是，readonly可以通过getParamet方法取值。...
element-plus中通过按钮来控制el-input输入框的禁用可用状态
载_酒i
04-27 2743
在 Vue.js 中，您可以使用el-input组件的disabled属性来设置输入框的可编辑状态。这个属性接受一个布尔值，当设置为true时，输入框将不可编辑；当设置为false或省略时，输入框将是可编辑的。
Vue el-input 中 readonly和disabled的区别详解
qq_43071699的博客
07-25 3325
主要区别readonly允许用户选择但不允许修改输入框中的文本，而disabled完全阻止用户与输入框进行任何交互。使用场景readonly更适用于用户需要查看但不需要修改的数据，而disabled适用于需要暂时移除输入框交互能力的情况。视觉反馈disabled输入框在视觉上通常会有更明显的禁用标志，而readonly输入框可能看起来与可编辑的输入框相似，具体取决于浏览器的默认样式和应用的 CSS。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值