Vnosna polja z več izbirami za obrazce HTML

• Maj 10, 2024

Če na svojem spletnem mestu gradite obrazec in želite, da obiskovalci izberejo eno ali več izbranih možnosti, je to vprašanje za vnos z več izbirami.

Izbirni gumb je zelo pogosta izbira za več možnosti; pogosto jih boste videli v spletnih kvizih in podobnih obrazcih. Ti gumbi se uporabljajo, kadar želite, da vaš obiskovalec izbere samo eno od več možnosti. Če na primer na svojem spletnem mestu gradite osebni kviz in želite, da obiskovalci izberejo svojo najljubšo osnovno barvo (rdečo, modro ali rumeno), bi uporabili radijske gumbe.

Radijski gumbi so razvrščeni po atributih "name". V skupini izbirnih gumbov z istim imenom bodo obiskovalci lahko izbrali le enega; s klikom na drug gumb v skupini odpovem prvotno izbiro. Atribut "value" določa, kateri možnosti pripada radijski gumb, atribut "check" pa vam omogoča, da izberete možnost.

V zgornjem primeru je vprašanje lahko kodirano na naslednji način:

Katera je vaša najljubša osnovna barva?

rdeča

Modro

Rumena

Na vašem spletnem mestu bi vprašanje izgledalo tako:

Katera je vaša najljubša osnovna barva?
rdeča
Modro
Rumena

Drugo polje z več izbirami je spustni meni. V spustnem meniju lahko izberete več možnosti ali samo enega; spustni meniji zasedejo tudi manj prostora na strani, zato vam omogočajo, da predstavite več možnosti z manj gneče.

V spustnih menijih uporabite oznako "select" kot temelj polja in oznako "option" za nastavitev elementov menija. Oznako "select" lahko spremenite z atributom "size", ki določa, koliko elementov je vidnih, preden obiskovalec klikne, da odpre meni, in atribut "multiple", ki ob nastavitvi omogoči obiskovalcu, da izbere več kot eno možnost . Oznako »opcija« lahko tudi spremenite; atribut "izbrani" vam omogoča, da to možnost izberete vnaprej.

Tu je vzorčno vprašanje z uporabo spustnega menija:

Kateri je vaš najmanj priljubljen dan v tednu?


Nedelja
Ponedeljek
Torek
Sreda
Četrtek
Petek
Sobota


Na vašem spletnem mestu bi vprašanje izgledalo tako:

Kateri je vaš najmanj priljubljen dan v tednu?

Nedelja
Ponedeljek
Torek
Sreda
Četrtek
Petek
Sobota


Tretja možnost z več izbirami je potrditveno polje. Potrditvena polja so podobna radijskim gumbom, le da obiskovalcem vedno omogočajo izbiro več možnosti. Potrditvena polja omogočajo enake lastnosti kot izbirni gumbi.

Vzorčno vprašanje s potrditvenimi polji:

Katere hišne ljubljenčke imate?

Pes

Mačka

Ptica

Miška

Hrček

Aligator

Drugo


Vaši obiskovalci bi videli:

Katere hišne ljubljenčke imate?
Pes
Mačka
Ptica
Miška
Hrček
Aligator
Drugo