CODEWITHSUNDEEP
htmlcssformsattributes
dan96
dan96

Reputation: 1

How to put 2 or more "id" in "for"?

I need some help. The question is how to put in the "for" attribute two "id" parameters from input? or how a can do with label in other way?

<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

Upvotes: 0

Views: 87

Answers (1)

Quentin
Quentin

Reputation: 943207

You can't. A label is for a single form control. Each radio button should have its own label.

Use a fieldset to group multiple controls, and a legend to describe the controls with it in.

<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>

Upvotes: 1

Related Questions