Botones de selección única (radio)

Los botones de selección única, también llamados botones de radio, tienen la particularidad de que solo permiten seleccionar una opción a la vez (el "o" exclusivo).

Ejemplo

Preguntemos el sexo del interlocutor:


<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<form action=""> 
Sexo:<br> 
<input type="radio" name="sexo">Masculino 
<input type="radio" name="sexo">Femenino 
</form> 
</body> 
</html>
 
images/CAP09IMG10.png

Comentarios

  • Esta etiqueta es perfectamente compatible entre los distintos navegadores.

  • La etiqueta <input> no tiene etiqueta de cierre. La sintaxis <input type ="radio"/>, inspirada en XHTML, está igualmente aceptada en HTML5.

Los posibles atributos son:

name

Aquí el atributo name es obligatorio. Además, en el caso de los botones de radio, el nombre debe ser idéntico para todos los botones.

checked

Permite preseleccionar un botón de radio.

value

En vista de un procesamiento posterior, es posible atribuir un valor a cada botón de radio mediante el atributo value="valor".

Dejando aparte autofocus, no hay nuevos atributos significativos en HTML5.

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Lista desplegable
Siguiente
Botones de selección múltiple (checkbox)