Vairāku izvēles ievades lauki HTML veidlapām

• Maijs 19, 2024

Ja veidojat veidlapu savā vietnē un vēlaties, lai apmeklētāji izvēlētos no vienas vai vairākām iepriekš atlasītām opcijām, tad ir veids, kā ievadīt atbilžu variantus.

Radio poga ir ļoti izplatīta izvēle ar vairākām izvēles iespējām; jūs tos bieži redzēsit tīmekļa viktorīnās un līdzīgās formās. Šīs pogas tiek izmantotas, ja vēlaties, lai apmeklētājs izvēlas tikai vienu no vairākām opcijām. Piemēram, ja jūs savā vietnē veidojat personības viktorīnu un vēlaties, lai apmeklētāji izvēlas savu iecienīto pamatkrāsu (sarkanu, zilu vai dzeltenu), jūs izmantojat radiopogas.

Radio pogas ir sagrupētas pēc to atribūta "name". Radio pogu grupā, kurai ir tāds pats nosaukums, apmeklētāji varēs izvēlēties tikai vienu; noklikšķinot uz citas pogas grupā, sākotnējā izvēle tiks noņemta. Atribūts "value" definē, kurai opcijai pieder radio poga, un atribūts "pārbaudīts" ļauj jums iepriekš atlasīt opciju.

Iepriekš minētajā piemērā jautājumu var kodēt šādi:

Kāda ir jūsu iecienītākā primārā krāsa?

sarkans

Zils

Dzeltens

Jūsu vietnē jautājums izskatās šādi:

Kāda ir jūsu iecienītākā primārā krāsa?
sarkans
Zils
Dzeltens

Otrais atbilžu lauks ir nolaižamā izvēlne. Izmantojot nolaižamo izvēlni, jūs varat izvēlēties atļaut vairākas atlases vai tikai vienu; nolaižamās izvēlnes lapā aizņem mazāk vietas, tāpēc tās ļauj jums parādīt vairāk iespēju ar mazāku drūzmēšanos.

Nolaižamās izvēlnes kā lauka pamatu izmanto tagu “atlasīt” un tagu “opcija”, lai iestatītu izvēlnes vienumus. Jūs varat modificēt tagu "atlasīt" ar atribūtu "izmērs", kas norāda, cik vienumu ir redzams, pirms apmeklētājs noklikšķina, lai atvērtu izvēlni, un atribūtu "vairāki", kas, ja tas ir iestatīts, ļauj apmeklētājam izvēlēties vairākas iespējas . Varat arī modificēt tagu "opcija"; atribūts “atlasīts” ļauj iepriekš atlasīt šo opciju.

Izmantojot nolaižamo izvēlni, tiek parādīts jautājuma paraugs:

Kāda ir jūsu vismazāk iecienītākā nedēļas diena?


Svētdien
Pirmdien
Otrdiena
Trešdien
Ceturtdiena
Piektdiena
Sestdien


Jūsu vietnē jautājums izskatīsies šādi:

Kāda ir jūsu vismazāk iecienītākā nedēļas diena?

Svētdien
Pirmdien
Otrdiena
Trešdien
Ceturtdiena
Piektdiena
Sestdien


Trešā atbilžu variantu iespēja ir izvēles rūtiņa. Izvēles rūtiņas ir līdzīgas radio pogām, izņemot to, ka tās vienmēr ļauj apmeklētājiem izvēlēties vairākas iespējas. Atzīmējot izvēles rūtiņas, tiek atļauti tie paši atribūti kā radio pogām.

Jautājuma paraugs, izmantojot izvēles rūtiņas:

Kāds (-i) mājdzīvnieks (-i) jums ir?

Suns

Kaķis

Putns

Pele

Kāmja

Aligators

Cits


Jūsu apmeklētāji redzētu:

Kāds (-i) mājdzīvnieks (-i) jums ir?
Suns
Kaķis
Putns
Pele
Kāmja
Aligators
Cits

Video Instrukcijas: Python Web Apps with Flask by Ezra Zigmond (Maijs 2024).