HTML disabled 属性

在 HTML 中，disabled 属性用于禁用表单元素。

使用 disabled 属性可以防止用户更改表单元素的值，并且不会将该元素的值提交到服务器。

用法

disabled 属性可用于以下表单元素：

• <button>
• <input>
• <optgroup>
• <option>
• <select>
• <textarea>

例如，下面的代码段中的按钮将被禁用：

<button disabled>按钮</button>

以下示例中的复选框和文本输入字段也将被禁用：

<label for="checkbox">
  <input type="checkbox" id="checkbox" name="checkbox" disabled>
  禁用选择框
</label>

<input type="text" name="firstname" disabled>

样式

禁用的表单元素通常会显示为灰色，并且无法接收焦点。此外，禁用的表单元素不能被选中，点击或者提交。

可以使用 CSS 修改禁用表单元素的外观：

input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

上面的代码将禁用的文本输入框的透明度设置为 0.5，同时将光标设置为禁用状态。

总结

disabled 属性可以禁用表单元素，防止用户更改该元素的值，并且不会将该元素的值提交到服务器。在应用中，通常将禁用的表单元素显示为灰色，以表明该元素不可用。

开发者可以通过 CSS 修改禁用表单元素的外观。