Ver Mensaje Individual
  #4 (permalink)  
Antiguo 15/04/2012, 18:40
setenta
 
Fecha de Ingreso: octubre-2008
Mensajes: 70
Antigüedad: 15 años, 6 meses
Puntos: 2
Respuesta: Label en un Radio Button

Hola. Antes que todo es bueno aclarar que la etiqueta
Código HTML:
label
sirve para que cada campo de formulario puede disponer de su propio título, en consecuencia es: 1 campo de formulario con 1 etiqueta label. Si tienes 20 campos de formulario necesitarás tener 20 etiquetas label.
Puedes colocarlas así:
Cita:
<form action="destino.php" method="post">

<label for="Fem">Femenino:
<input type="radio" id="Fem" name="Sexo" value="F"></label>

<label for="Mas">Masculino:
<input type="radio" id="Mas" name="Sexo" value="M"></label>
</form>
O así

Cita:
<form action="destino.php" method="post">

<label for="Fem">Femenino:</label>
<input type="radio" id="Fem" name="Sexo" value="F">

<label for="Mas">Masculino:</label>
<input type="radio" id="Mas" name="Sexo" value="M">
</form>
Es exactamente lo mismo y mantiene la validación con XHTML 1.0 estricto. En ambos casos cambia el color del "radio" de gris a azul cuando pasas el cursor del mouse sobre la palabra escrita con la etiqueta "label".
Y con respecto al "Radiobutton" es mejor mantener los valores de "id" y "name" con minúsculas, por una cuestión de evitar problemas con php u otro lenguaje de servidor. Y es mejor aclarar con más detalles el valor de "value" y poner el valor de "id" al final, para colocar lo más importante al principio.

Mejor que esto:

Cita:
<input type="radio" id="Mas" name="Sexo" value="M">
es esto:

Cita:
<input type="radio" name="sexo" value="masculino" id="masculino">

Última edición por setenta; 15/04/2012 a las 18:56