Radio Button HTML5

En este apartado mostraremos la utilización de un radiobutton con elementos de HTML5. Un radiobutton  lo utilizamos para que de una lista de opciones seleccionemos solamente una opcion.

<label for="male">Male</label> <input id="male" name="sex" type="radio" value="male" /> <label for="female">Female</label> <input id="female" name="sex" type="radio" value="female" /> <input type="submit" value="Submit" />

Male Female

Utilizamos elementos "input" de tipo radio para cada una de las opciones que podamos seleccionar, para mostrar texto usamos una etiqueta "label" asignada a cada opción con un atributo "for="idinput" el cual ara referencia al identificador del elemento input.

Solo queda mencionar que este tipo de controles debemos usarlos cuando las opciones a elegir no son muchas, si tenemos un numero muy grande de opciones lo mejor será utilizar un combobox.