描述readyonly和disabled的区别

最新推荐文章于 2021-07-01 09:13:40 发布
原创 最新推荐文章于 2021-07-01 09:13:40 发布 · 1.5k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了HTML表单中ReadOnly和Disabled属性的区别。主要区别在于应用范围：ReadOnly仅适用于input和textarea，而Disabled适用于所有表单元素。此外，在提交表单时，使用Disabled的元素不会发送值，而使用ReadOnly的元素则会。

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

微笑ReadyOnly和disabled的作用都是使用户不能够更改表单域中的内容。

但是二者还是有一些区别的。

1、readyonly只针对input(text/password)和textarea有效，而disabled对于所有的表单元素有效，包括select,radio,checkox,button等；

2、在表单元素使用了disabled后，我们将表单POST或者GET的方式提交的话，这个元素的值是不会被传递出去，而readyonly会将该值传递过去。

171212之HTML中readyonly和disable的区别
a3060858469的博客
12-12 786
Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递
控制select为readonly状态
分布式技术的专栏
06-30 5700
简单说两种方式，实质是一样的，一种简介明了，一种稍显复杂实质都是用：onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();"这句代码来控制用户无法选择和更改该控件的值 一、先说简单的（平时都用简单的，但是有大量select控件需要做readonly处理时
简述 readyonly 与 disabled 的区别
domestic_nimal的博客
12-09 835
ReadOnly 和 Disabled 的作用是使用户不能够更改表单域中的内容. 但是二者还是有着一些区别的： 1、Readonly 只针对 input(text/password)和 textarea 有效，而 disabled 对于所有的表单元素有效，包 括 select,radio,checkbox,button 等。 2、在表单元素使用了 disabled 后，我们将表单以 POST 或者...
readyonly和disabled区别
小马过河
04-13 2692
readyonly 1，只针对input(text/password)和textarea有效， 2，不可编辑，但是是可以复制。 disabled 1，对于所有的表单元素有效， 2，完全不可编辑，并且是不能复制的。 表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去 ...
input readyonly和disabled区别
王艺强的博客
10-09 1024
<input type="text" name="input1" value="1" disabled /> <input type="text" name="input2" value="1" readonly /> 区别： 1.disabled  --  完全不可编辑，并且是不能复制的。 2.readonly   --  不可编辑，但是是可以复制。 3.Readonly只针对input(te
input readyonly disabled区别
Evan_sa的专栏
07-21 1861
怎样使input中的内容为只读，也就是说不让用户更改里面的内容。   "text" name="input1" value="中国" /> "text" name="input1" value="中国" readonly /> "text" name="input1" value="中国" disabled /> 最好不要用disabled,不然就无法取出里面的值了.
Readonly和Disabled的区别
09-28
此外，由于Readonly和Disabled在表单提交行为上的差异，开发者在设计表单逻辑时必须细致地考虑两者的使用场景。例如，在包含多个表单元素的复杂表单中，如果表单元素被设置为Readonly，那么即使某些元素如select在被...
readonly和disabled属性的区别
09-03
总的来说，`readonly`和`disabled`在处理用户输入和表单提交时提供了不同的控制手段。开发者应根据具体的需求来选择使用哪个属性，确保用户体验的连贯性和一致性。理解这两个属性的区别有助于创建更加精细和用户友好...
readonly和disabled的区别
09-06
在网页表单设计中，`readonly` 和 `disabled` 是两个非常常见的属性，它们都用于限制用户对输入字段的编辑，但它们之间存在着显著的区别。理解这些差异对于创建功能完整且用户体验良好的表单至关重要。 首先，`...
表单中Readonly和Disabled的区别详解
10-24
在HTML表单中，`readonly` 和 `disabled` 是两个重要的属性，它们都可以用来限制用户对表单元素的交互，但它们之间的区别在于作用范围、提交表单时的行为以及用户体验等方面。 首先，`readonly` 属性主要用于`...
javascript中input中readonly和disabled区别介绍
11-30
总结来说，`readonly`和`disabled`都是为了限制用户对表单元素的修改，但`readonly`只影响编辑，不影响提交，而`disabled`则全面禁止交互且不包含在提交数据内。开发者应根据具体需求来选择使用哪一个属性，以实现...
readonly与disabled的区别
qq_44473483的博客
07-01 1477
删除线格式 ## 一. 范围不同 readonly 只对 和 标签有效 disabled 对所有表单元素都有效, 包括：, , , , , 等 二. 程度不同 readonly 只是将元素设置为只读，不可输入，对其它操作没有影响 disabled 阻止元素的一切操作。包括 获取焦点，点击事件等 三. 表单提交 readonly 只是将元素设置为只读，不影响表单提交 disabled 设置了该属性的表单元素，值将不会随着表单一起提交 四. JavaScript操作 设置了readonly和disabled
readonly与disable的区别
Logica的专栏
09-15 1663
readonly与disable都是用在表单元素中的两个属性，都能做到使用户不能更改表单域中的内容。 他们的区别是： ①readonly针对的是input(text/password)和textarea     disable针对的是所有的表单元素 ，包括select,radio,checkbox,button等 ②当表单元素使用了disable属性后，用post/get方法提交表单，使用
select标签设置readonly状态
热门推荐
little__stars的博客
05-13 1万+
1.在html中，select标签里面没有readOnly这一属性，只有disabled 2.把select标签里面的设置为只读，只需要在标签里面加入： onfocus="this.defaultIndex=this.selectedIndex" onchange="this.selectedIndex = this.defaultIndex;" ...
html下拉框只读,html中select readonly/disabled问题的解决方案
weixin_39711441的博客
06-04 3697
在html中，对select标签添加readonly属性后，依旧能够下拉选择，证明readonly属性对html中的select标签并不起作用。经查W3C文档，select标签只对disabled属性起作用，但是添加disabled后，form提交的时候，会忽略掉所有带disabled的标签的值，对提交造成麻烦。所以针对上述问题，总结出以下两种解决方案来达到select标签实现readonly属性...
input设置readyOnly以后还可以获取焦点
double徐
06-27 1369
可以在input中添加unselectable=“on” οnfοcus="this.blur()"最终为 <input type="text" readonly="readonly" unselectable="on" onfocus="this.blur()"/> 或者 假如input框id为"user_name" $('#user_name').focus(funct...
让html select支持readonly属性
teresa502的专栏
12-18 5304
刚刚碰到一个要为html select添加readonly属性的要求，可是select是不支持readonly属性的，找了找，方法还是有的，不过大都比较麻烦。以下的方法个人认为是最简单的： [xhtml] view plaincopyselect id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值