如何指定应使用 HTML 禁用一组相关的表单元素？

在 HTML 中，可以使用 disabled 属性来禁用表单元素，使其无法被用户修改或选择。有时候，我们需要禁用一组相关的表单元素，例如一组复选框或一组单选框。那么，如何指定应使用 HTML 禁用一组相关的表单元素呢？

禁用一组复选框

如果要禁用一组复选框，可以给它们共同的父元素添加 disabled 属性。例如，下面的代码演示了如何禁用一组复选框：

<fieldset disabled>
  <legend>选择你喜欢的颜色：</legend>
  <label><input type="checkbox" name="color" value="red"> 红色</label>
  <label><input type="checkbox" name="color" value="green"> 绿色</label>
  <label><input type="checkbox" name="color" value="blue"> 蓝色</label>
</fieldset>

在上面的代码中，fieldset 元素上添加了 disabled 属性，它的所有子元素都会被禁用。注意，fieldset 元素后面还有一个 legend 元素，用于添加一个标题。

禁用一组单选框

如果要禁用一组单选框，可以使用 fieldset 和 radio 类型的表单元素。下面的代码演示了如何禁用一组单选框：

<fieldset disabled>
  <legend>选择你喜欢的颜色：</legend>
  <label><input type="radio" name="color" value="red"> 红色</label>
  <label><input type="radio" name="color" value="green"> 绿色</label>
  <label><input type="radio" name="color" value="blue"> 蓝色</label>
</fieldset>

在上面的代码中，fieldset 元素上添加了 disabled 属性，它的所有子元素都会被禁用。注意，radio 类型的表单元素的 name 属性必须相同，这样它们才能成为一组单选框。

总结

以上就是如何指定应使用 HTML 禁用一组相关的表单元素的方法。如果需要禁用一整个表单，只需要在 form 元素上添加 disabled 属性即可。