Índice

Botones de selección múltiple (checkbox)

El uso de estos botones de selección múltiple, también llamados checkbox, es similar al de los botones de selección única aunque, en este caso, es posible seleccionar varias opciones.

Ejemplo

Pidamos al usuario que precise los ingredientes de una pizza.

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<form action=""> 
Su pizza con:<br> 
<input type="checkbox" name="n1"> Mozzarella<br> 
<input type="checkbox" name="n2"> Jamón<br> 
<input type="checkbox" name="n3"> Salsa de tomate<br> 
<input type="checkbox" name="n4"> Pimientos<br> 
<input type="checkbox" name="n5"> Champiñones<br> 
<input type="checkbox" name="n6"> Olivas negras<br> 
<input type="checkbox" name="n7"> Salsa picante 
</form> 
</body> 
</html>
images/CAP09IMG11.png

Comentarios

  • Esta etiqueta es perfectamente compatible entre los diferentes navegadores.

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

Los posibles atributos son:

name ...