2013-12-20 3 views
7

Der Standard HTML 5 form label wants an ID to link the label to the input.Ist es möglich, HTML5-Formularetiketten zu verwenden, ohne globale zu verlieren?

<form> 
    <label for="male">Male</label> 
    <input type="radio" id="male"/> 
    <label for="female">Female</label> 
    <input type="radio" id="female"/> 
</form> 

Da die meisten JS-Entwickler wissen, using IDs leaks globals - in diesem Fall window.male und window.female erstellt.

Wie kann ich Formularetiketten verwenden, ohne Globals zu erstellen?

Antwort

10

die andere Art und Weise verwenden:

<form> 
    <label>Male <input type="radio"></label>  
    <label>Female <input type="radio"></label>  
</form> 
+0

Nizza. Es funktioniert nicht nur, es ist weniger Code! – mikemaccana

Verwandte Themen