Възможно ли е да се използват етикети в рамките на етикети във формуляр?

Мисля, че вместо това трябва да използвате тагове fieldset и legend, напр.

<fieldset>
   <legend>Gender</legend>

   <label for="male"><input type="radio" ... />male</label>
   <label for="female"><input type="radio" ... />female</label>
</fieldset>

fieldset е логически контейнер за групиране на свързани входове, а legend представлява въвеждащ надпис за самия набор от полета. Вашата цигулка е актуализирана: http://jsfiddle.net/zrqnT/4/

вижте също:
http://dev.w3.org/html5/spec/single-page.html#the-fieldset-element
http://dev.w3.org/html5/spec/single-page.html#the-legend-element

Ето и спецификацията:

http://www.w3.org/TR/html5/forms.html#the-label-element

Там пише:

Атрибутът for може да бъде указан, за да посочи контрола на формуляра, с която надписът трябва да бъде свързан. Ако атрибутът е посочен, стойността на атрибута трябва да бъде ID на етикетируем елемент, свързан с формуляр в същия документ като елемента етикет. Ако атрибутът е посочен и има елемент в документа, чийто идентификатор е равен на > стойността на атрибута for, и първият такъв елемент е етикетируем > елемент, свързан с формуляр, тогава този елемент е етикетираната контрола на етикетния елемент.

Ако атрибутът for не е посочен, но етикетният елемент има етикетируем наследник, свързан с форма, тогава първият такъв наследник в дървовидния ред е етикетираната контрола на етикетния елемент.

Така че трябва да предоставите атрибут for. Но това може да е така, ако имате контрола на формуляр със същия идентификатор. Тук не е така.
В противен случай можете да оградите кода си с етикет, но тогава вашите елементи трябва да могат да се етикетират.

Етикетируемите елементи са:

Елементи, подлежащи на етикетиране
Означава елементи, които могат да бъдат свързани с елементи на етикети.

бутон за въвеждане (ако атрибутът type не е в скрито състояние) keygen meter изход напредък изберете текстово поле

Така че няма шанс етикетът да има това специфично поведение във вашия случай

Вместо това използвайте набор от полета и легенда

<fieldset>
    <legend>Gender: <em>*</em></legend>
    <label for="male"><input type="radio" name="gender" id="male" value="m" class="required" role="input" aria-required="true" />male</label>
    <label for="female"><input type="radio" name="gender" id="female" value="f" class="required" role="input" aria-required="true" />female</label>
</fieldset>

Просто използвайте този CSS

#formWrapper label[for=male], #formWrapper label[for=female] { color: red; } 

Това ще ви позволи да промените само тези етикети чрез прав CSS. Другият вариант е просто да използвате съдържащи div.

<div class="form-item">
    <label>Gender</label>
    <div class="radios">
         <label for="male">Male</label><input type="radio" for="male"/>
         <label for="female">Female</label><input type="radio" for="female"/>
    </div>
</div>

Това, което каза Фабрицио, може да свърши работа, но лично аз просто бих използвал заглавие. Не е задължително да използвате елементи на формуляри за формуляри. Освен това използването на нормален заглавен елемент ще ви даде много по-голяма гъвкавост по отношение на стила.

<div class="stage clear">
    <h3>Gender: <em>*</em></h3>
    <label for="male"><input type="radio" name="gender" id="male" value="m" class="required" role="input" aria-required="true" />male</label>
     <label for="female"><input type="radio" name="gender" id="female" value="f" class="required" role="input" aria-required="true" />female</label>
</div>