Multiple-Choice invoervelden voor HTML-formulieren

• Mei 9, 2024

Als u een formulier op uw website bouwt en wilt dat uw bezoekers kunnen kiezen uit een of meer vooraf geselecteerde opties, dan is een invoerveld met meerdere keuzes de juiste keuze.

Het keuzerondje is een veel voorkomende keuze voor multiple-choice opties; je zult ze vaak zien in webquizzen en soortgelijke formulieren. Deze knoppen worden gebruikt wanneer u wilt dat uw bezoeker slechts één van meerdere opties selecteert. Als u bijvoorbeeld een persoonlijkheidstest op uw website bouwt en wilt dat bezoekers hun favoriete primaire kleur (rood, blauw of geel) selecteren, gebruikt u keuzerondjes.

Radioknoppen zijn gegroepeerd op hun kenmerk "naam". In een groep keuzerondjes met dezelfde naam kunnen bezoekers er slechts één selecteren; Als u op een andere knop in de groep klikt, wordt de oorspronkelijke keuze opgeheven. Het kenmerk "waarde" definieert bij welke optie het keuzerondje hoort en met het kenmerk "aangevinkt" kunt u een optie vooraf selecteren.

In het bovenstaande voorbeeld kan de vraag als volgt worden gecodeerd:

Wat is je favoriete primaire kleur?

Rood

Blauw

Geel

Op uw site ziet de vraag er als volgt uit:

Wat is je favoriete primaire kleur?
Rood
Blauw
Geel

Het tweede meerkeuzeveld is het vervolgkeuzemenu. Met een vervolgkeuzelijst kunt u ervoor kiezen om meerdere selecties toe te staan ​​of slechts één; vervolgkeuzemenu's nemen ook minder ruimte op de pagina in beslag, zodat u meer opties kunt presenteren met minder drukte.

Vervolgkeuzemenu's gebruiken de tag "select" als basis voor het veld en de tag "option" om de menu-items in te stellen. U kunt de tag "select" wijzigen met het kenmerk "size", dat aangeeft hoeveel items zichtbaar zijn voordat de bezoeker klikt om het menu te openen, en het kenmerk "multiple", waarmee de bezoeker meer dan één optie kan selecteren. . U kunt ook de tag "option" wijzigen; met het kenmerk "geselecteerd" kunt u die optie vooraf selecteren.

Hier is een voorbeeldvraag met behulp van een vervolgkeuzemenu:

Wat is je minst favoriete dag van de week?


zondag
maandag
dinsdag
woensdag
donderdag
vrijdag
zaterdag


Op uw site ziet de vraag er als volgt uit:

Wat is je minst favoriete dag van de week?

zondag
maandag
dinsdag
woensdag
donderdag
vrijdag
zaterdag


De derde multiple-choice optie is het selectievakje. Selectievakjes zijn vergelijkbaar met keuzerondjes, behalve dat bezoekers altijd meerdere opties kunnen selecteren. Selectievakjes staan ​​dezelfde attributen toe als keuzerondjes.

Een voorbeeldvraag met selectievakjes:

Wat voor huisdieren heb je?

Hond

Kat

Vogel

Muis

Hamster

Alligator

anders


Uw bezoekers zouden zien:

Wat voor huisdieren heb je?
Hond
Kat
Vogel
Muis
Hamster
Alligator
anders

Video-Instructies: Access: Working with Forms (Mei 2024).