禁用输入的值将不会提交

disabled 输入不会提交数据。

使用 readonly 属性：

<input type="text" readonly />

Source here

---

是的，所有浏览器都不应该提交禁用的输入，因为它们是只读的。

More information（第 17.12.1 节）

属性定义禁用 [CI] 当为表单控件设置时，此布尔属性禁用用户输入控件。设置后， disabled 属性对元素有以下影响： 禁用的控件不接收焦点。在选项卡导航中会跳过禁用的控件。禁用的控件不能成功。以下元素支持禁用属性：BUTTON、INPUT、OPTGROUP、OPTION、SELECT 和 TEXTAREA。此属性是继承的，但本地声明会覆盖继承的值。禁用元素的呈现方式取决于用户代理。例如，一些用户代理“灰显”禁用菜单项、按钮标签等。在本例中，INPUT 元素被禁用。因此，它无法接收用户输入，也不会将其值与表单一起提交。 注意。动态修改 disabled 属性值的唯一方法是通过脚本。

---

您可以使用三件事来模仿禁用：

HTML：只读属性（以便输入中存在的值可用于表单提交。用户也不能更改输入值） CSS：'pointer-events':'none'（阻止用户单击输入） HTML：tabindex="-1"（阻止用户从键盘导航到输入）

---

他们没有被提交，因为 that's what it says in the W3C specification。

17.13.2 成功的控件 成功的控件对于提交是“有效的”。 [snip] 禁用的控件无法成功。

换句话说，规范说被禁用的控件被认为是无效的提交。

---

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

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

readonly 属性使您的输入文本被禁用，并且用户无法再更改它。

disabled 属性不仅会使您的输入文本禁用（不可更改），而且也不能提交。

jQuery方法（一）：

$("#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 一起引入。

---

Disabled 控件不能成功，成功的控件对于提交是“有效的”。这就是禁用控件不与表单一起提交的原因。

---

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

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

然后在选择更改时创建一个 jquery

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

---

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

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

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

---

<input type="text" disabled /> 

而不是这个禁用使用只读

<input type="text" readonly />

---