html - 如何将 2 个或更多 "id"放入 "for"中？

Question

我需要一些帮助。问题是如何将输入的两个“id”参数放入“for”属性中？或者如何以其他方式处理标签？

<label for="address">Address: </label>
<input class="form-style" type="text" name="address" id="address"/>

<label for="gender1 gender2">Gender:</label>
<input class="gender" type="radio" name="gender" id="gender1" value="Male"/>Male
<input class="gender" type="radio" name="gender" id="gender2" value="Female"/>Female

Answer 1

你不能。标签用于单个表单控件。每个单选按钮都应该有自己的标签。

使用字段集对多个控件进行分组，并使用图例来描述其中包含的控件。

<label for="address">Address: </label>
<input class="form-style" type="text" name="address" id="address" />

<fieldset>
  <legend>Gender</legend>

  <input class="gender" type="radio" name="gender" id="gender1" value="Male" /> 
  <label for="gender1">Male</label>

  <input class="gender" type="radio" name="gender" id="gender2" value="Female" /> 
  <label for="gender2">Female</label>

  <input class="gender" type="radio" name="gender" id="gender3" value="Other" /> 
  <label for="gender3">Other</label>

  <input class="gender" type="radio" name="gender" id="gender4" value="Prefer not to say" /> 
  <label for="gender4">Prefer not to say</label>

</fieldset>