使用了input标签的disabled属性，但是在提交数据后却发现用户名显示为空了。后来一查才知道input设置为disabled值时会有下面的限制：
1、不能接收焦点；
2、使用tab键时将被跳过；
3、可能不是successful的。
解决方法是：可以使用readonly=”readonly”属性代替即可，而input设置为readonly属性也有一些限制：
1、可以接收焦点，但不能被修改；
2、可以使用tab键进行导航；
3、可能是successful的。
因为只有successful的表单元素才是有效的数据，也就是可以进行提交。
PS：disabled和readonly的文本输入框只能通过脚本去进行修改value属性
相关推荐
Disabled 和 Readonly 是两种常见的方法来实现 Input 只读效果，它们均可以使 Input 变为不可编辑状态，但它们之间存在着重要的区别。 Disabled 方法 Disabled 属性用于指定 Input 元素是否可用。当 Input 元素...
方法如下： 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”> <option>1 <...
总结一下，`readonly`和`disabled`的主要区别在于： 1. `readonly`仅在界面层面上阻止用户直接修改，但可以通过JavaScript等编程方式改变。 2. `disabled`则更为彻底，不仅阻止用户修改，还阻止用户与其交互，并且在...
总结来说，`readonly`和`disabled`都是为了限制用户对表单元素的修改，但`readonly`只影响编辑，不影响提交，而`disabled`则全面禁止交互且不包含在提交数据内。开发者应根据具体需求来选择使用哪一个属性，以实现...
此外，由于Readonly和Disabled在表单提交行为上的差异，开发者在设计表单逻辑时必须细致地考虑两者的使用场景。例如，在包含多个表单元素的复杂表单中，如果表单元素被设置为Readonly，那么即使某些元素如select在被...
在HTML表单设计中，有时候我们需要用户只能查看输入框（input）中的内容而不能修改，这时我们可以使用`disabled`和`readonly`属性来实现只读效果。这两种属性虽然都能达到表面的只读目的，但它们在功能上存在显著...
在网页表单设计中，`readonly` 和 `disabled` 是两个非常常见的属性，它们都用于限制用户对输入字段的编辑，但它们之间存在着显著的区别。理解这些差异对于创建功能完整且用户体验良好的表单至关重要。 首先，`...
在HTML表单中，`readonly` 和 `disabled` 是两个重要的属性，它们都可以用来限制用户对表单元素的交互，但它们之间的区别在于作用范围、提交表单时的行为以及用户体验等方面。 首先，`readonly` 属性主要用于`...
总的来说，`readonly`和`disabled`在处理用户输入和表单提交时提供了不同的控制手段。开发者应根据具体的需求来选择使用哪个属性，确保用户体验的连贯性和一致性。理解这两个属性的区别有助于创建更加精细和用户友好...
理解`disabled`和`readonly`属性的使用可以帮助我们更好地控制用户与网页的交互，提供更友好的用户体验，并确保表单数据的正确性。在设计表单时，根据需求选择合适的属性能帮助你实现预期的功能。
本文将详细介绍如何使用 jQuery 设置和移除 `readonly` 和 `disabled` 属性。 `readonly` 属性用于文本输入框 (`input[type="text"]`)，它使得用户不能修改输入框中的内容，但用户仍然可以选中并复制文本。在 ...
1）适应范围： readonly：input[type="text"],input[type="password"],input[type="teaxtarea"] disabled：所有的表单元素，如select, radio, checkbox, button等 2）操作： readonly：不允许用户修改操作，不影响...
两者之间的关键区别在于，`readonly`字段在提交表单时仍会传递其值，而`disabled`字段则不会。此外，`readonly`字段保持可点击和高亮状态，用户可以选中，而`disabled`字段则完全不可选中，视觉上表现出被禁用的状态...