HTML 输入框 - 禁用答案

【问题标题】：HTML Input Box - DisableHTML 输入框 - 禁用
【发布时间】：2010-09-27 05:18:08
【问题描述】：

禁用 HTML 的 INPUT 文本框的代码是什么？

谢谢

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

禁用 HTML 输入的语法如下：

<input type="text" id="input_id" DISABLED />

【讨论】：

RoBorg 的答案在 XHTML 中也有效。
他指导的 HTML 4.1 规范，与我的回答中的代码相同。
HTML 4.1 已过时。 XHTML 必须是有效的，因此浏览器从一个到另一个显示它的一致性更高，因为不同的浏览器有不同的错误处理代码，用于在草率的开发人员之后进行清理（并且可能无法正确处理）。

【解决方案3】：

<input type="text" required="true" value="" readonly="true">

这将使文本框处于只读模式，可能有助于生成密码和日期选择器。

【讨论】：

当然，通常将 'required="true"' 部分添加到只读文本框中是一个坏主意。在某些情况下，该文本框可能没有输入值。那么您的表单将不会被提交，用户对此也无能为力。
这个答案帮助我开始发现 disabled 和 readonly 之间的区别； readonly 是我最终需要阻止用户交互但仍提交先前输入的值。见htmlcodetutorial.com/forms/_INPUT_DISABLED.html

【解决方案4】：

您可以同时使用 input 的 disabled 或 readonly 属性。使用 disable 属性将在表单提交时省略该值，因此如果您希望在提交事件时将这些值设为只读而不是禁用。

<input type="text" readonly>

或

 <input type="text" disabled>

【讨论】：

【解决方案5】：

<input type="text" required="true" value="" readonly>

不是。

<input type="text" required="true" value="" readonly="true">

【讨论】：