Com es crea una casella de selecció en HTML?

Mentre navegueu pels vostres llocs web preferits, apareixen caselles quan heu de seleccionar una opció de les moltes disponibles. Aquestes caselles de selecció es creen a amb l'ajut d'una etiqueta especial. En aquest article, veurem com crear una casella de selecció en HTML i el funcionament de les caselles de selecció en la següent seqüència:

• Com es crea una casella de selecció en HTML?
• Casella de selecció contra botons de ràdio
• Desactivació d'una casella de selecció en HTML

Com es crea una casella de selecció en HTML?

Una casella de selecció és un element de formulari que us permet seleccionar diverses opcions entre diferents opcions disponibles. Les caselles de selecció es creen amb l'etiqueta HTML. Es pot niar dins d'un element o poden estar sols. També es poden associar a un formulari amb l'ajuda de atribut de formulari de l'etiqueta.

Aquí teniu un exemple bàsic per crear una casella de selecció simple:

Vermell Blau Verd

Sortida:

Vegem un altre exemple i afegim un botó d’enviament perquè les caselles de selecció siguin útils. Aquí també podeu col·locar les caselles de selecció dins d’un element que especifica una pàgina per processar el formulari.

Quin és el teu color preferit? Vermell Blau Verd
Resultat:
 

Sortida:

Casella de selecció contra botons de ràdio

Els botons d’opció permeten a l’usuari seleccionar només una opció. Mentre que les caselles de selecció permeten a l'usuari seleccionar qualsevol nombre d'opcions. Prenem un exemple i vegem com funcionen els botons d'opció i les caselles de selecció:

comparació d'eines d'automatització de processos robotitzats

 
Caselles de selecció
Quin és el teu color preferit? Vermell Blau Verd
Botons de ràdio
Selecciona el teu sexe? Home Dona Desconegut
Resultat:
 

Sortida:

A l'exemple anterior, podeu veure que podeu seleccionar tantes caselles de selecció com vulgueu. Fa que la casella de selecció sigui adequada per als moments en què l'usuari hauria de poder seleccionar diverses opcions. Però, si proveu de seleccionar més d'un botó d'opció, la selecció anterior es desselecciona. Això us ajudarà a fer complir els usuaris per seleccionar només una opció.

Desactivació d'una casella de selecció en HTML

Podeu desactivar una casella de selecció a mitjançant l’atribut disabled. Això es pot fer conjuntament amb un script per habilitar o desactivar la casella de selecció en funció de si es compleixen determinats criteris.

Prenem un exemple per veure com podem desactivar una casella de selecció:

Vermell Blau Verd

Sortida:

A l'exemple anterior, hem desactivat el color vermell. Per tant, podeu seleccionar verd i blau a la casella de selecció, però no el color vermell.

java converteix el doble en enter

Amb això, hem arribat al final del nostre article. Espero que hagueu entès com funcionen les caselles de selecció de HTML i com es poden utilitzar de manera diferent.

Ara que ja coneixeu la casella de selecció en HTML, consulteu per Edureka. La formació en certificació per al desenvolupament web us ajudarà a crear llocs web impressionants mitjançant HTML5, CSS3, Twitter Bootstrap 3, jQuery i API de Google i implementar-lo a Amazon Simple Storage Service (S3).

Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris de 'Casella de selecció en HTML' i us respondrem.