html - 一个标签内的两个输入字段

Question

考虑以下几点:

<label>Range from 
    <input name='min_value'/> to
    <input name='max_value' />
</label>

这在语义上是否正确，因为 W3C 推荐声明标签与恰好一个表单控件相关联？

单击第二个输入会立即将焦点转移到第一个输入？这可以预防吗？

如何标记最小/最大输入组合以表明两个输入属于一起？

Answer 1

不，这是不正确的(因为，如您所见，label 恰好与一个 表单输入关联)。

要标记一组属于一起的输入，请使用 <fieldset>和一个 <legend> :

<fieldset>
  <legend>Range</legend>
  <label for="min">Min</label>
  <input id="min" name="min" />

  <label for="max">Max</label>
  <input id="max" name="max" />
</fieldset>

引用资料:

• <input /> ^{HTML 5 spec} .
• <fieldset> ^{HTML 5 spec} .
• <label> ^{HTML 5 spec} .
• <legend> ^{HTML 5 spec} .