Vstupní pole s více možnostmi pro HTML formuláře

• Duben 19, 2024

Pokud na svém webu vytváříte formulář a chcete, aby si návštěvníci vybrali jednu nebo více předvolených možností, je způsob, jak jít, výběrem vstupního pole s více možnostmi.

Přepínač je velmi běžnou volbou pro více možností výběru; často je uvidíte na webových kvízech a podobných formách. Tato tlačítka se používají, pokud chcete, aby návštěvník vybral pouze jednu z několika možností. Pokud byste například na svém webu vytvářeli osobnostní kvíz a chtěli byste, aby si návštěvníci vybrali svou oblíbenou primární barvu (červená, modrá nebo žlutá), použijte přepínače.

Přepínače jsou seskupeny podle atributu „name“. Ve skupině přepínačů sdílejících stejné jméno si návštěvníci budou moci vybrat pouze jedno; kliknutím na jiné tlačítko ve skupině zrušíte výběr původní volby. Atribut „value“ definuje, ke které možnosti přepínač patří, a atribut „checked“ umožňuje předvolit možnost.

Ve výše uvedeném příkladu může být otázka kódována takto:

Jaká je vaše oblíbená primární barva?

Červené

Modrý

Žlutá

Na vašem webu by tato otázka vypadala takto:

Jaká je vaše oblíbená primární barva?
Červené
Modrý
Žlutá

Druhé pole s více možnostmi je rozbalovací nabídka. Pomocí rozevíracího seznamu můžete povolit více výběrů nebo pouze jeden; rozbalovací nabídky také zabírají na stránce méně místa, takže vám umožní představit více možností s menším vytlačením.

Rozbalovací nabídky používají jako základ pole značku „select“ a položky „option“ nastavují položky „option“. Můžete upravit značku „select“ pomocí atributu „size“, který určuje, kolik položek je viditelných před kliknutím návštěvníka na otevření nabídky, a atribut „více“, který, pokud je nastaven, umožňuje návštěvníkovi vybrat více než jednu možnost . Můžete také upravit značku „option“; atribut „selected“ vám umožňuje tuto možnost předem vybrat.

Zde je ukázková otázka pomocí rozbalovací nabídky:

Jaký je váš nejoblíbenější den v týdnu?


Neděle
pondělí
úterý
středa
Čtvrtek
pátek
sobota


Na vašem webu by tato otázka vypadala takto:

Jaký je váš nejoblíbenější den v týdnu?

Neděle
pondělí
úterý
středa
Čtvrtek
pátek
sobota


Třetí možností s více možnostmi je zaškrtávací políčko. Zaškrtávací políčka jsou podobná přepínačům, kromě toho, že vždy umožňují návštěvníkům vybrat více možností. Zaškrtávací políčka umožňují stejné atributy jako přepínače.

Ukázková otázka pomocí zaškrtávacích políček:

Jaké domácí mazlíčky máte?

Pes

Kočka

Pták

Myš

Křeček

Aligátor

jiný


Vaši návštěvníci by viděli:

Jaké domácí mazlíčky máte?
Pes
Kočka
Pták
Myš
Křeček
Aligátor
jiný

Video Návody: Are GMOs Good or Bad? Genetic Engineering & Our Food (Duben 2024).