这在浏览器中意味着什么：“将不会提交禁用输入的值”？

Question

这是我在 Firefox 中通过 Firebug 发现的。

Values of disabled inputs will not be submitted

在其他浏览器中也是这样吗？

如果是这样，原因是什么？

Answer 1

disabled 输入将不会提交数据。

使用 readonly 属性：

<input type="text" name="inputName" readonly />

来源在这里

Answer 2

是的，所有浏览器都不应提交禁用的输入。

更多信息（第 17.12.1 节）

属性定义

disabled [CI] 当为表单控件设置时，此布尔属性
禁用用户输入的控件。设置后，禁用属性
对元素有以下影响：

• 禁用的控件不会获得焦点。
• 在选项卡导航中会跳过禁用的控件。
• 禁用的控件无法成功。

以下元素支持禁用属性：BUTTON、INPUT、
OPTGROUP、OPTION、SELECT 和 TEXTAREA。

该属性是继承的，但本地声明会覆盖
继承价值。

如何呈现禁用元素取决于用户代理。为了
例如，某些用户代理“灰显”禁用菜单项、按钮
标签等

在此示例中，INPUT 元素被禁用。因此，它不能
接收用户输入也不会随表单提交其值。

<输入已禁用 name="fred" value="stone">

注意。动态修改disabled值的唯一方法
属性是通过脚本实现的。

Answer 3

您可以使用三种方式来模拟禁用：

1. HTML：readonly属性（以便输入中存在的值可以在表单提交时使用。用户也无法更改输入值）< /p>

2. CSS: 'pointer -events':'none' (阻止用户点击输入)

3. HTML: tabindex="-1" （阻止用户从键盘导航到输入）

Answer 4

它们不会被提交，因为这就是它在W3C 规范。

17.13.2 成功控制

成功的控件对于提交来说是“有效”的。 [截图]

• 禁用的控件无法成功。

换句话说，规范规定禁用的控件将被视为提交无效。

Answer 5

<input type="text" disabled /> 

而不是这个禁用使用只读

<input type="text" readonly />

Answer 6

有两个属性，即 readonly 和 disabled，可以使输入成为半只读。但它们之间有一个微小的区别。

<input type="text" readonly />
<input type="text" disabled />

• readonly 属性使您的输入文本被禁用，用户无法再更改它。
• disabled 属性不仅会使您的输入文本禁用（不可更改），而且无法提交。

jQuery 方法（1）：

$("#inputID").prop("readonly", true);
$("#inputID").prop("disabled", true);

jQuery 方法（2）：

$("#inputID").attr("readonly","readonly");
$("#inputID").attr("disabled", "disabled");

JavaScript 方法：

document.getElementById("inputID").readOnly = true;
document.getElementById("inputID").disabled = true;

PS disabled 和 readonly 是标准的 html 属性。 prop 随 jQuery 1.6 引入。

Answer 7

禁用控件无法成功，成功的控件对于提交来说是“有效”的。
这就是禁用的控件不随表单提交的原因。

Answer 8

即使在只读属性上，选择控件仍然可单击

如果您仍想禁用该控件但希望发布其值，则 。
您可以考虑创建一个隐藏字段。与您的控件具有相同的值。

然后创建一个jquery，选择更改

$('#your_select_id').change(function () {
    $('#your_hidden_selectid').val($('#your_select_id').val());
});

Answer 9

这是解决方案，仍然使用禁用的属性。
首先禁用加载时的输入。

$(document).ready(function(){
  $("formselector:input").prop("disabled",true);
  $( "formselector" ).submit(function( event ) {
      $(":disabled").prop("disabled",false);
      });
});

提交时启用所有这些。这将确保所有内容都已发布