看到网上大部分介绍的区别都是一个能点一个不能点，即readonly可获得焦点，disabled不可获得焦点。
事实上，这只是直观的区别了，经过代码实践遇到的问题发现：
disabled：除直观上的限制外，该被限制的对象值将不会被传递到后台程序。
readonly:与后台交互时可以传递值。前端框架分享
最好不要用disabled,不然就无法取出里面的值了.
区别：
1.disabled -- 完全不可编辑，并且是不能复制的。
2.readonly -- 不可编辑，但是是可以复制。
3.Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。
4.表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去
他们的相同点：
使input不可编辑。
相关推荐
Vue 动态控制 input 的 disabled 属性的方法 在前端开发中，我们经常会遇到需要动态控制 input 框的 disabled 属性的需求，例如在新增和修改操作时，input 框的 disabled 属性需要根据不同的情况进行设置。今天，...
点击编辑按钮时，文字切换成“保存”，身份证input保持始终不可修改状态（即禁用）， 姓名input可以修改（即动态加载切换禁用/启用）； 3.再次点击按钮文字切回“编辑”，所有input变为禁用状态。 以下是wxml部分 ...
Input元素有许多不同的属性，其中"disabled"属性是非常实用的，它能够防止用户对某个输入框进行操作。当Input元素的"disabled"属性被设置后，该输入框内的内容不会随表单提交。这在很多情况下是有用的，比如在不允许...
以上代码示例中，`.disabled-style`类定义了一系列针对`disabled`状态元素的样式规则，然后通过`@extend`语法（这里假设使用了预处理器如Sass/SCSS）将这些规则应用到了`input[disabled]`选择器上。实际使用时，可以...
标题和描述提到的问题核心在于，`disabled` 属性的`input`字段在提交表单时不会包含其值，而`readonly`则可以。 `disabled` 属性： - 当一个`input`字段设置为`disabled`时，用户无法编辑该字段的值。 - 这样的字段...
form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法： 方法一： 使用readonly带替代disabled，即把 disabled="disabled" 修改为 readonly="readonly" 二者区别： ...
Disabled 和 Readonly 是两种常见的方法来实现 Input 只读效果，它们均可以使 Input 变为不可编辑状态，但它们之间存在着重要的区别。 Disabled 方法 Disabled 属性用于指定 Input 元素是否可用。当 Input 元素...
当一个input字段被`disabled`时，它的背景通常会呈现一种灰色半透明的效果，以表明用户无法交互。更重要的是，被`disabled`的input字段的值不会作为表单数据提交。这意味着如果表单是通过HTTP POST或者GET方法发送到...
<input type="text" id="q2" name="q2" value="disabled" disabled="disabled"> ``` 在这个例子中，用户既不能修改文本框内容，也无法在提交表单时将其值传递给服务器。 在实际应用中，如果需要临时禁用表单元素，...
input type=’button’ id=’test’ value=’disabled’> 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button...
`disabled`属性适用于多种组件，包括日期选择器（DatePicker）、下拉菜单（Select）以及输入框（Input）等。在日期选择器组件中，`isTime`是一个与`disabled`相关的特殊属性，用于控制时间选择部分是否可用。当`is...
在JavaScript中，可以通过DOM的属性来控制表单元素的disabled状态，从而使得某个输入框、按钮等元素不可访问或可访问。 当需要禁用某个HTML表单元素时，通常的代码是使用element.disabled = true。相对应的，如果想...
这些方法都可以让 input 变成不可编辑状态，但是它们之间有所区别。readonly 属性和 disabled 属性可以让 input 变成不可编辑状态，但是它们的行为不同。readonly 属性只是让 input 变成不可编辑状态，但是用户仍然...
在Disabled的控件上顯示ToolTip 在WINFORM中,如果一个控件有设置tooltip,那么鼠标移上去会显示出提示文字.但是当此控件的Enabled=false时,这个Tooltip是无效的. 本示例就是用来解决这个问题.
Disabled 的问题，今天我们将深入探讨这个问题的成因和解决方法。 首先，让我们了解 Ewebeditor 的 License 机制。Ewebeditor 的 License 是一个授权文件，用于验证用户的身份和权限。当用户安装 Ewebeditor 时，...
<input type="text" disabled> <button disabled>按钮 <select disabled> 选项1 选项2 ``` #### 三、作用机制 1. **用户界面：** 当一个元素被设置了`disabled`属性后，浏览器通常会改变该元素的样式来表明其不...