Câmpuri de introducere cu opțiuni multiple pentru formularele HTML

• Mai 18, 2024

Dacă creați un formular pe site-ul dvs. web și doriți ca vizitatorii dvs. să aleagă dintre una sau mai multe opțiuni preselectate, atunci un câmp de introducere cu alegere multiplă este calea de urmat.

Butonul radio este o alegere foarte frecventă pentru opțiuni cu alegere multiplă; le veți vedea adesea folosite pe testele web și în formulare similare. Aceste butoane sunt utilizate atunci când doriți ca vizitatorul dvs. să selecteze doar una dintre mai multe opțiuni. De exemplu, dacă creați un test de personalitate pe site-ul dvs. web și doriți ca vizitatorii să selecteze culoarea lor principală preferată (roșu, albastru sau galben), ați folosi butoanele radio.

Butoanele radio sunt grupate după atributul „nume”. Într-un grup de butoane radio care au același nume, vizitatorii vor putea selecta doar unul; apăsând pe un buton diferit din grup va deselecta alegerea inițială. Atributul „valoare” definește ce opțiune aparține butonul radio, iar atributul „bifat” vă permite să preselectați o opțiune.

În exemplul de mai sus, întrebarea poate fi codată după cum urmează:

Care este culoarea ta preferată?

roșu

Albastru

Galben

Pe site-ul dvs., întrebarea ar arăta astfel:

Care este culoarea ta preferată?
roșu
Albastru
Galben

Al doilea câmp cu alegere multiplă este meniul derulant. Cu un drop-down, puteți alege să permiteți mai multe selecții sau doar una; meniurile derulante ocupă, de asemenea, mai puțin spațiu pe pagină, astfel încât vă permit să prezentați mai multe opțiuni cu mai puțină aglomerație.

Meniurile derulante utilizează eticheta „select” ca temelie a câmpului și eticheta „opțiune” pentru a seta elementele din meniu. Puteți modifica eticheta „select” cu atributul „mărime”, care specifică câte elemente sunt vizibile înainte ca vizitatorul să facă clic pentru a deschide meniul și atributul „multiplu”, care, dacă este setat, permite vizitatorului să selecteze mai multe opțiuni . De asemenea, puteți modifica eticheta „opțiune”; atributul „selectat” vă permite să preselectați opțiunea respectivă.

Iată o probă de întrebare folosind un meniu derulant:

Care este cea mai puțin preferată zi din săptămână?


duminică
luni
marţi
miercuri
joi
vineri
sâmbătă


Pe site-ul dvs., întrebarea ar arăta astfel:

Care este cea mai puțin preferată zi din săptămână?

duminică
luni
marţi
miercuri
joi
vineri
sâmbătă


A treia opțiune cu opțiuni multiple este caseta de selectare. Casetele de selectare sunt similare cu butoanele radio, cu excepția faptului că permit întotdeauna vizitatorilor să selecteze mai multe opțiuni. Casetele de selectare permit aceleași atribute ca și butoanele radio.

O întrebare de exemplu folosind casetele de selectare:

Ce animale de companie aveți?

Câine

Pisică

Pasăre

Șoarece

Hamster

Aligator

Alte


Vizitatorii dvs. vor vedea:

Ce animale de companie aveți?
Câine
Pisică
Pasăre
Șoarece
Hamster
Aligator
Alte

Instrucțiuni Video,: Learn Python - Full Course for Beginners [Tutorial] (Mai 2024).