Botones de selección (radiobutton)

Los controles de tipo radiobutton son similares a los controles de tipo checkbox, pero presentan una diferencia muy importante: son mutuamente excluyentes. Los radiobutton se utilizan cuando el usuario solamente puede escoger una opción entre las distintas opciones relacionadas que se le presentan. Cada vez que se selecciona una opción, automáticamente se deselecciona la otra opción que estaba seleccionaba.

Sexo <br/> <input type="radio" name="sexo" value="hombre" checked="checked" /> Hombre <input type="radio" name="sexo" value="mujer" /> Mujer

El valor del atributo type para estos controles de formulario es "radio". El atributo name se emplea para indicar los radiobutton que están relacionados.



Edad: +18 -18

Género: HOMBRE MUJER


<form> Edad: <input type="radio" name="edad" value="mayor" /> +18 <input type="radio" name="edad" value="menor" /> -18 Género: <input type="radio" name="genero" value="hombre" /> HOMBRE <input type="radio" name="genero" value="mujer" /> MUJER </form>

Por lo tanto, cuando varios radiobutton tienen el mismo valor en su atributo name, el navegador sabe que están relacionados y puede deseleccionar una opción del grupo de radiobutton cuando se seleccione otra opción.