Índice

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.