Flervalgsinngangsfelt for HTML-skjemaer

• Kan 19, 2024

Hvis du bygger et skjema på nettstedet ditt og vil at besøkende skal velge mellom ett eller flere forhåndsvalgte alternativer, er et flervalgsinntastingsfelt veien å gå.

Radioknappen er et veldig vanlig valg for flere valg. vil du ofte se dem brukt på nettprøver og lignende former. Disse knappene brukes når du vil at besøkende skal velge bare ett av flere alternativer. For eksempel, hvis du bygde en personlighetsquiz på nettstedet ditt og ville at besøkende skulle velge sin favorittfarge (rød, blå eller gul), ville du bruke alternativknapper.

Radioknapper er gruppert etter "navn" -attributtet. I en gruppe radioknapper som deler samme navn, vil besøkende bare kunne velge en; Hvis du klikker på en annen knapp i gruppen, fjernes det opprinnelige valget. Attributtet "verdi" definerer hvilket alternativ radioknappen tilhører, og attributtet "avkrysset" lar deg forhåndsvalg av et alternativ.

I eksemplet over kan spørsmålet kodes som følger:

Hva er din favoritt primærfarge?

rød

Blå

Gul

På nettstedet ditt vil spørsmålet se slik ut:

Hva er din favoritt primærfarge?
rød
Blå
Gul

Det andre flervalgsfeltet er rullegardinmenyen. Med en rullegardin kan du velge å tillate flere valg eller bare én; nedtrekksmenyer tar også mindre plass på siden, slik at de lar deg presentere flere alternativer med mindre trengsel.

Nedtrekksmenyer bruker "velg" -koden som feltets grunnlag, og "alternativ" -koden for å stille inn menyelementene. Du kan endre "velg" -koden med "størrelse" -attributtet, som spesifiserer hvor mange elementer som er synlige før besøkende klikker for å åpne menyen, og "multiple" -attributtet, som, hvis angitt, lar besøkende velge mer enn ett alternativ . Du kan også endre "alternativet" -koden; "valgt" attributtet lar deg forhåndsvalg av dette alternativet.

Her er et eksempelspørsmål ved å bruke en rullegardinmeny:

Hva er din minste favorittdag i uken?


søndag
mandag
tirsdag
onsdag
Torsdag
fredag
lørdag


På nettstedet ditt vil spørsmålet se ut:

Hva er din minste favorittdag i uken?

søndag
mandag
tirsdag
onsdag
Torsdag
fredag
lørdag


Det tredje flervalgsalternativet er avmerkingsboksen. Avmerkingsbokser ligner på alternativknapper, bortsett fra at de alltid lar besøkende velge flere alternativer. Avmerkingsbokser tillater de samme attributtene som radioknapper.

Et eksempel på spørsmål ved bruk av avmerkingsbokser:

Hvilke kjæledyr har du?

Hund

Katt

Fugl

Mus

Hamster

Alligator

Annen


De besøkende vil se:

Hvilke kjæledyr har du?
Hund
Katt
Fugl
Mus
Hamster
Alligator
Annen

Video Instruksjoner: 37 Small Bathroom makeover ideas [Remake] (Kan 2024).