Wie verknüpfe ich eine Beschriftung mit einer Gruppe von Optionsfeldern?

Question

Ich war, dass im Allgemeinen gezeigt, gibt es zwei Möglichkeiten zur Etikettierung radio Tasten:

Methode # 1:

<label>Male<input type="radio" name="gender" value="m"></label> 
<label>Female<input type="radio" name="gender" value="f"></label> 

Methode # 2 (mit for):

<label for="id_male">Male</label> 
<input type="radio" id="id_male" name="gender" value="m"> 
<label for="id_female">Female</label> 
<input type="radio" id="id_female" name="gender" value="f"> 

Aber was Wenn es notwendig ist, eine Gruppe von radio Tasten mit einer label zu verknüpfen?

heißt:

<label>What is your gender? 
    <label>Male<input type="radio" name="gender" value="m"></label> 
    <label>Female<input type="radio" name="gender" value="f"></label> 
</label> 

Die Fragen sind: "Was ist Ihr Geschlecht"

1. die Art und Weise verwendet, um die zu assoziieren label oben korrekt?

2. Gibt es eine Möglichkeit zu assoziieren "Was ist Ihr Geschlecht?" das entspricht Methode # 2 (d. h. unter Verwendung for)?

Answer 1

Verwendung Methode # 2 wie folgt aus:

<form action="" method="post"> 
 
    <fieldset> 
 
    <legend>What's your gender?</legend> 
 
     <label for="id_male">Male</label> 
 
     <input type="radio" id="id_male" name="gender" value="m"> 
 
     <label for="id_female">Female</label> 
 
     <input type="radio" id="id_female" name="gender" value="f"> 
 
    </fieldset> 
 
</form>

Sehen Sie mehr über fieldset

Answer 2

Eine gute Lösung Fieldset/legend Kombination verwendet:

<form> 
    <fieldset> 
    <legend>Gender</legend> 
    <input type="radio" name="gender" value="male" checked> Male<br> 
    <input type="radio" name="gender" value="female"> Female<br> 
    <input type="radio" name="gender" value="other"> Other 
    </fieldset> 
</form> 

Hier ist ein