Vstupné polia s viacerými možnosťami pre formuláre HTML

• Apríl 23, 2024

Ak na svojom webe vytvárate formulár a chcete, aby si vaši návštevníci vybrali jednu alebo viac predvolených možností, potom je výberom vstupného poľa s možnosťou výberu z viacerých možností.

Prepínač je veľmi bežnou voľbou pre možnosti s viacerými možnosťami výberu; často ich uvidíte na webových kvízoch a podobných formách. Tieto tlačidlá sa používajú, keď chcete, aby si návštevník vybral iba jednu z niekoľkých možností. Napríklad, ak ste na svojom webe stavali osobnostný kvíz a chceli by ste, aby si návštevníci vybrali svoju obľúbenú základnú farbu (červenú, modrú alebo žltú), použili by ste prepínacie tlačidlá.

Prepínače sú zoskupené podľa atribútu „name“. V skupine prepínačov zdieľajúcich rovnaké meno si budú môcť návštevníci vybrať iba jedno; kliknutím na iné tlačidlo v skupine zrušíte výber pôvodnej voľby. Atribút „value“ definuje, ku ktorej možnosti prepínač patrí, a atribút „checked“ vám umožňuje predvoliť možnosť.

Vo vyššie uvedenom príklade by sa otázka mohla kódovať takto:

Aká je vaša obľúbená primárna farba?

červená

Modrá

žltá

Na vašich stránkach by táto otázka vyzerala takto:

Aká je vaša obľúbená primárna farba?
červená
Modrá
žltá

Druhým výberovým poľom je rozbaľovacia ponuka. V rozbaľovacej ponuke si môžete vybrať, či chcete povoliť viac výberov alebo iba jeden; rozbaľovacie ponuky zaberajú na stránke aj menej miesta, takže vám umožňujú predstaviť viac možností s menším počtom strán.

Rozbaľovacie ponuky používajú ako základ poľa značku „select“ a položku „option“ nastavujú položky ponuky. Značku „select“ môžete upraviť pomocou atribútu „size“, ktorý určuje, koľko položiek je viditeľných pred kliknutím návštevníka na otvorenie ponuky, a atribútom „multiple“, ktorý, ak je nastavený, umožňuje návštevníkovi vybrať viac ako jednu možnosť , Môžete tiež upraviť značku „option“; Atribút „selected“ umožňuje túto možnosť vopred vybrať.

Tu je vzorová otázka pomocou rozbaľovacej ponuky:

Aký je váš najobľúbenejší deň v týždni?


nedeľa
pondelok
utorok
streda
štvrtok
piatok
sobota


Na vašich stránkach by táto otázka vyzerala takto:

Aký je váš najobľúbenejší deň v týždni?

nedeľa
pondelok
utorok
streda
štvrtok
piatok
sobota


Treťou možnosťou výberu z viacerých možností je začiarkavacie políčko. Zaškrtávacie políčka sú podobné prepínačom, okrem toho, že vždy umožňujú návštevníkom vybrať viac možností. Zaškrtávacie políčka povoľujú rovnaké atribúty ako prepínače.

Vzorová otázka pomocou začiarkavacích políčok:

Aké domáce zviera máš?

pes

mačka

Vták

myš

škrečok

aligátor

ostatné


Vaši návštevníci by videli:

Aké domáce zviera máš?
pes
mačka
Vták
myš
škrečok
aligátor
ostatné

Video Návody: Week 9 (Apríl 2024).