 |
Formulario - Radio
Cuando tenemos un conjunto de opciones pero solo una puede ser seleccionada debemos emplear controles visuales de tipo radio.
Para definir controles de tipo radio también utilizamos el elemento input inicializando la propiedad type con el valor "radio" . Veamos un ejemplo del empleo de este control gráfico, supongamos que necesitamos indicar el tipo de estudios que tenemos utilizando controles de tipo radio:
<head>
<title>Prueba de formulario</title>
</head>
<body>
<form action="/registrardatos.php" method="post">
Ingrese su nombre: <input type="text" name="nombre" size="30"><br>
Seleccione el máximo nivel de estudios que tiene: <br>
<input type="radio" name="estudios" value="1">Sin estudios<br>
<input type="radio" name="estudios" value="2">Primario<br>
<input type="radio" name="estudios" value="3">Secundario<br>
<input type="radio" name="estudios" value="4">Universitario<br>
<input type="submit" value="Enviar">
</form>
</body>
</html>
Con los elementos de radio podemos ofrecer un conjunto de opciones al usuario de tal manera que solo pueda elegir una de ellas. El tipo de elemento input que utilizamos es “radio”.
La sintaxis que seguiremos en los elementos input de tipo radio será la siguiente:
En el caso de los elementos radio toma un papel principal el atributo name. Ya que para poder agrupar opciones deberemos de tener el mismo valor de atributo name.
Así, si queremos crear un grupo de radios para que nos elija una edad le podremos crear de la siguiente forma:
<input type="radio" id="18a30" value="18a30" name="edad" /> 18 a 30
<input type="radio" id="31a50" value="31a50" name="edad" /> 31 a 50
<input type="radio" id=mas50" value="mas50" name="edad" /> Más de 50
Al igual que sucedía con los campos de entrada de tipo check, podemos cargar campos de tipo radio en nuestro formulario con un elemento preseleccionado. Para ello volvemos a recurrir al atributo checked.