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...

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
Botones de selección única (radio)
Siguiente
Botón de envío