Multiple-valg-indtastningsfelter til HTML-formularer

• Kan 18, 2024

Hvis du bygger en formular på dit websted og ønsker, at dine besøgende skal vælge mellem en eller flere forvalgte indstillinger, er et indtastningsfelt med flere valg vej til at gå.

Radioknappen er et meget almindeligt valg til flere valgmuligheder; vil du ofte se dem brugt på web-quizzer og lignende former. Disse knapper bruges, når du ønsker, at din besøgende kun skal vælge en af ​​flere indstillinger. For eksempel, hvis du bygger en personlighedsquiz på dit websted og ville have besøgende til at vælge deres foretrukne primære farve (rød, blå eller gul), ville du bruge radioknapper.

Radioknapper er grupperet efter deres "navn" -attribut. I en gruppe radioknapper, der deler det samme navn, kan besøgende kun vælge en; ved at klikke på en anden knap i gruppen fjernes markeringen af ​​det oprindelige valg. Attributten "værdi" definerer hvilken indstilling radioknappen hører til, og attributten "markeret" giver dig mulighed for at vælge en indstilling forud.

I eksemplet ovenfor kan spørgsmålet muligvis kodes som følger:

Hvad er din foretrukne primærfarve?

Rød

Blå

Gul

På dit websted ser spørgsmålet sådan ud:

Hvad er din foretrukne primærfarve?
Rød
Blå
Gul

Det andet flervalgsfelt er rullemenuen. Med en drop-down kan du vælge at tillade flere valg eller kun en; rullemenuer optager også mindre plads på siden, så de giver dig mulighed for at præsentere flere muligheder med mindre trængsel.

I rullemenuerne bruges taget "vælg" som feltets fundament og tagget "valgmulighed" til at indstille menupunkterne. Du kan ændre taget "vælg" med attributten "størrelse", der specificerer, hvor mange elementer der er synlige, før besøgende klikker for at åbne menuen, og "multiple" attribut, som, hvis den er indstillet, giver den besøgende mulighed for at vælge mere end en mulighed . Du kan også ændre tagget "option"; den "valgte" attribut giver dig mulighed for at vælge denne indstilling forud.

Her er et eksempel på spørgsmål ved hjælp af en rullemenu:

Hvad er din mindst foretrukne ugedag?


Søndag
Mandag
tirsdag
onsdag
torsdag
Fredag
lørdag


På dit websted ser spørgsmålet ud:

Hvad er din mindst foretrukne ugedag?

Søndag
Mandag
tirsdag
onsdag
torsdag
Fredag
lørdag


Den tredje multiple-valgmulighed er afkrydsningsfeltet. Afkrydsningsfelter ligner radioknapper, bortset fra at de altid giver besøgende mulighed for at vælge flere indstillinger. Afkrydsningsfelter tillader de samme attributter som radioknapper.

Et eksempel på spørgsmål ved hjælp af afkrydsningsfelter:

Hvilke kæledyr har du?

Hund

Kat

Fugl

Mus

Hamster

Alligator

Andet


Dine besøgende ser:

Hvilke kæledyr har du?
Hund
Kat
Fugl
Mus
Hamster
Alligator
Andet

Video Instruktioner: 10 Extreme Weather Vehicles for Dominating the Snow and Ice (Kan 2024).