readonly和disabled它们都能够做到使用户不能更改表单域中的内容，但是他们直接存在着微小的差别，总结如下
Readonly只针对input(text/password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readyonly将改值传递出去(readyonly接受值更改可以回传，disable接受改但不回传数据)
disabled和readyonly这两个有一些共同之处，比如都设为true，则form属性将不能编辑，往往在写js代码的时候容易混合使用这两个属性，其实他们之间有一定区别的:
1.如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和键盘输入等）对该输入项都无效，最重要的一点当提交表单时。这个表单输入项将不会被提交
2、而readyonly只是针对文本输入框这类可以输入文本的输入项，如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交
小结：
readonly 不可编辑，可以获得焦点，背景颜色默认灰色，值的字体颜色默认为灰色，值可以在请求中传递
disabled 不可编辑，不可以获得焦点，背景颜色默认灰色，值的字体颜色默认为灰色，值不可以在请求中传递；
为了使值不可修改，但显示为disabled的样式，且可以在请求中传递，则可以通过采用readonly，修改字体颜色来实现
分享到：
相关推荐
此外，由于Readonly和Disabled在表单提交行为上的差异，开发者在设计表单逻辑时必须细致地考虑两者的使用场景。例如，在包含多个表单元素的复杂表单中，如果表单元素被设置为Readonly，那么即使某些元素如select在被...
总结来说，`readonly`和`disabled`都是为了限制用户对表单元素的修改，但`readonly`只影响编辑，不影响提交，而`disabled`则全面禁止交互且不包含在提交数据内。开发者应根据具体需求来选择使用哪一个属性，以实现...
在HTML表单中，`readonly` 和 `disabled` 是两个重要的属性，它们都可以用来限制用户对表单元素的交互，但它们之间的区别在于作用范围、提交表单时的行为以及用户体验等方面。 首先，`readonly` 属性主要用于`...
总的来说，`readonly`和`disabled`在处理用户输入和表单提交时提供了不同的控制手段。开发者应根据具体的需求来选择使用哪个属性，确保用户体验的连贯性和一致性。理解这两个属性的区别有助于创建更加精细和用户友好...
两者之间的关键区别在于，`readonly`字段在提交表单时仍会传递其值，而`disabled`字段则不会。此外，`readonly`字段保持可点击和高亮状态，用户可以选中，而`disabled`字段则完全不可选中，视觉上表现出被禁用的状态...
1）适应范围： readonly：input[type="text"],input[type="password"],input[type="teaxtarea"] disabled：所有的表单元素，如select, radio, checkbox, button等 2）操作： readonly：不允许用户修改操作，不影响...
总结来说，readonly和disabled虽然都可以限制用户编辑表单字段，但readonly只适用于输入框(text/password)和文本区域(textarea)，并且其值仍然可以被提交到服务器。而disabled适用于所有表单元素，会阻止字段的编辑...
本文将详细介绍如何使用 jQuery 设置和移除 `readonly` 和 `disabled` 属性。 `readonly` 属性用于文本输入框 (`input[type="text"]`)，它使得用户不能修改输入框中的内容，但用户仍然可以选中并复制文本。在 ...
例如，某些情况下我们希望用户不能修改表单的输入值，或是整个表单暂时不可交互，这时就需要用到readonly和disabled属性。本文将详细介绍如何使用jQuery库来批量设置input元素的readonly和disabled属性。 ### 使用...
Disabled 和 Readonly 是两种常见的方法来实现 Input 只读效果，它们均可以使 Input 变为不可编辑状态，但它们之间存在着重要的区别。 Disabled 方法 Disabled 属性用于指定 Input 元素是否可用。当 Input 元素...
方法如下： 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”> <option>1 <...