html - 为什么我们需要一个字段集标签？

Question

为什么我们需要 <fieldset>标签？无论它用于什么目的，都可能是表单标签的一个子集。

我在 W3Schools 上查找了一些信息，上面写着:

• <fieldset>标签用于对表单中的相关元素进行分组。
• <fieldset>标签在相关元素周围绘制一个框。

对于那些将“它为什么存在于规范中”误认为“它的作用”的人的更多解释。我认为绘图部分是无关紧要的，我不明白为什么我们需要一个特殊的标签来将一些相关的元素分组到一个表单中。

Answer 1

最明显、最实际的例子是:

<fieldset>
  <legend>Colour</legend>

  <input type="radio" name="colour" value="red" id="colour_red">
  <label for="colour_red">Red</label>

  <input type="radio" name="colour" value="green" id="colour_green">
  <label for="colour_green">Green</label>

  <input type="radio" name="colour" value="blue" id="colour_blue">
  <label for="colour_blue">Blue</label>

</fieldset>

这允许标记每个单选按钮，同时还为整个组提供标签。在使用辅助技术(例如屏幕阅读器)且控件的关联及其图例无法通过视觉呈现来暗示的情况下，这一点尤其重要。