Temas > Programacion > Html > Formulario input type radio en html
Julio

Formulario - input type="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:
<?php // esto no va
<html>
<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>
?> esto no va
Veamos como se definen los controles de tipo radio:
<?php // esto no va
<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>
?> // esto no va
Como podemos observar todos tienen el mismo valor en la propiedad name, con
esto se logra que cuando seleccionamos uno se deseleccione el actual.
El valor que se recupera en el servidor es el dato almacenado en la
propiedad value.
Si queremos disponer varios grupos de controles de tipo radio debemos
definirles a cada grupo la propiedad name nombres distintos.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
 123456
78910111213
14151617181920
21222324252627
282930    

Viernes 4 de Abril 2025
Semana 14

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar