Unosna polja s višestrukim izborom za HTML obrasce

• Svibanj 3, 2024

Ako gradite obrazac na svojoj web lokaciji i želite da posjetitelji odaberu jednu ili više odabranih opcija, tada je put za unos s više izbora.

Radio gumb je vrlo uobičajen izbor za opcije s višestrukim odabirom; često ćete ih vidjeti kako se koriste na web kvizovima i sličnim obrascima. Ovi se gumbi koriste kada želite da vaš posjetitelj odabere samo jednu od nekoliko opcija. Na primjer, ako biste na svojoj web stranici gradili kviz za osobnost i željeli da posjetitelji odaberu svoju omiljenu primarnu boju (crvenu, plavu ili žutu), upotrijebili biste radio gumbe.

Radio gumbi grupirani su po atributu "name". U grupi radio gumba s istim imenom posjetitelji će moći odabrati samo jedan; klikom na drugi gumb u grupi poništavat ćete odabir originalnog izbora. Atribut "vrijednost" definira kojoj opciji pripada radio gumb, a atribut "provjereno" omogućuje vam da odaberete mogućnost.

U gornjem primjeru, pitanje može biti kodirano na sljedeći način:

Koja je vaša omiljena primarna boja?

Crvena

plava

Žuta boja

Na vašoj web stranici pitanje bi izgledalo ovako:

Koja je vaša omiljena primarna boja?
Crvena
plava
Žuta boja

Drugo polje s višestrukim izborom je padajući izbornik. S padajućeg izbornika možete odabrati dopuštanje više izbora ili samo jedan; padajući izbornici također zauzimaju manje mjesta na stranici, pa vam omogućuju da predstavite više opcija uz manje gužve.

U padajućim izbornicima koristi se oznaka "select" kao temelj polja i oznaka "option" za postavljanje stavki izbornika. Možete izmijeniti oznaku "select" s atributom "size", koji određuje koliko je stavki vidljivo prije nego što posjetitelj klikne da otvori izbornik, i atribut "multiple", koji ako je postavljen, omogućuje posjetitelju da odabere više opcija , Možete i izmijeniti oznaku "opcija"; atribut "odabrani" omogućuje vam da odaberete tu mogućnost.

Evo primjera pitanja pomoću padajućeg izbornika:

Koji vam je najmanje omiljeni dan u tjednu?


nedjelja
ponedjeljak
utorak
srijeda
četvrtak
petak
subota


Na vašoj web lokaciji pitanje će izgledati ovako:

Koji vam je najmanje omiljeni dan u tjednu?

nedjelja
ponedjeljak
utorak
srijeda
četvrtak
petak
subota


Treća mogućnost višestrukog izbora je potvrdni okvir. Potvrdni okviri slični su radio gumbima, samo što posjetiteljima uvijek omogućuju odabir više opcija. Potvrdni okviri omogućuju iste atribute kao i radio gumbe.

Primjer pitanja pomoću potvrdnih okvira:

Kojeg kućnog ljubimca imate?

Pas

Mačka

Ptica

Miš

Hrčak

Aligator

drugo


Vaši će posjetitelji vidjeti:

Kojeg kućnog ljubimca imate?
Pas
Mačka
Ptica
Miš
Hrčak
Aligator
drugo

Upute Video: Biblical Series I: Introduction to the Idea of God (Svibanj 2024).