[SOLUCIONADO] labels

[ralphfm9]

tengo estos labels que no me funcionan al seleccionar la palabra de los controles

Sexo:

Código HTML:

<label for"masculino">Masculino</label>
<input id="masculino" type="radio" name="sexo" value="M" checked>
<input type="radio" name="sexo" value="F">Femenino
<br>
Color favorito:
<label for"rojo">Rojo:</label>
<input id="rojo" type="checkbox" name="color" value="R">
<input type="checkbox" name="color" value="A" >Azul
 

pero estos si me funcionan

Código HTML:

<label for="user">Nombre:</label>
<input id="user" type="text" name="nombre" maxlength="8" size="55" value="Rafa">
<br>
<label for="clave">Password:</label>
<input id="clave" type="password" name="clave" placeholder="Introduce tu password">
 

lo estoy haciendo en chrome y ya lo probe en opera y nada, que me falta?

saludos y gracias.

[pzin]

El atributo for se refiere a un elemento que tenga ese identificador:

Código HTML:

<input id="wooha">
<label for="wooha">
 

La única forma de hacerlo sin que el campo tenga identificador es anidar esos campos dentro de la etiqueta:

Código HTML:

<label>
  Wooha
  <input>
</label>
 

[Rafael]

Más bien el error es que no dice for= sino te volaste el signo =

<label for="masculino">Masculino</label>

Yo lo uso así:

Código HTML:

<label>Sexo</label>
        <label class="Radio" for="F">Femenino <input type="radio" id="F" name="Sexo" value="F" class="required"></label>
        <label class="Radio" for="M">Masculino <input type="radio" id="M" name="Sexo" value="M"></label>
 

[caricatos]

Hola:

Iniciado por Rafael

...
Yo lo uso así:

Si bien es correcto, recuerdo que de esa manera no valida en HERA...

Saludos

[Rafael]

¿Por anidar el input?

Si se ponen de esta manera se puede hacer un botonsote para el radio, dándole formato al label. Pienso más que el validador, en tablets y móviles.

Curioso, hace tiempo estuve participando con los de sidar. Probablemente esta regla habría que cambiarla, ya que justamente por accesibilidad, anidar el radio mejora notablemente...

A ver si les comento.

[pzin]

En realidad no hace falta anidarlos para darle uno u otro estilo.

http://codepen.io/pzin/pen/oypvg

Además, si necesitas alguna cosa extra, siempre puedes usar ::before y ::after.

[ralphfm9]

Iniciado por Rafael

Más bien el error es que no dice for= sino te volaste el signo =

<label for="masculino">Masculino</label>

Yo lo uso así:

Código HTML:

<label>Sexo</label>
        <label class="Radio" for="F">Femenino <input type="radio" id="F" name="Sexo" value="F" class="required"></label>
        <label class="Radio" for="M">Masculino <input type="radio" id="M" name="Sexo" value="M"></label>
 

es verdad como no vi eso, si me faltaba el = gracias Rafael

[ralphfm9]

Gracias a todos por sus respuestas.

Saludos.