Feleletválasztós beviteli mezők a HTML űrlapokhoz

• Április 20, 2024

Ha űrlapot készít a webhelyén, és azt akarja, hogy a látogatók egy vagy több előre kiválasztott lehetőség közül választhassanak, akkor a feleletválasztós beviteli mező a választható út.

A választógomb nagyon gyakori a feleletválasztós lehetőségeknél; gyakran látja őket webes vetélkedőkön és hasonló űrlapokon. Ezeket a gombokat akkor használja, ha azt akarja, hogy a látogató a több lehetőség közül csak egyet válasszon. Például, ha személyiségi kvízt készít a webhelyén, és azt akarja, hogy a látogatók válasszák ki kedvenc elsődleges színüket (piros, kék vagy sárga), akkor a választógombokat használják.

A rádiógombok a "name" attribútum szerint vannak csoportosítva. Az azonos nevű rádiógombok csoportjában a látogatók csak egyet választhatnak; Ha a csoport másik gombjára kattint, az eredeti választás megszűnik. Az "érték" attribútum határozza meg, hogy melyik opcióhoz tartozik a választógomb, és az "ellenőrzött" attribútum lehetővé teszi egy lehetőség előzetes kiválasztását.

A fenti példában a kérdés a következőképpen kódolható:

Mi a kedvenc elsődleges színed?

Piros

Kék

Sárga

A webhelyén a következő kérdés lenne:

Mi a kedvenc elsődleges színed?
Piros
Kék
Sárga

A második feleletválasztós mező a legördülő menü. A legördülő menüből választhat, hogy engedélyez-e többszörös vagy csak egyet; A legördülő menük szintén kevesebb helyet foglalnak el az oldalon, így lehetővé teszik több lehetőség bemutatását kevesebb zsúfoltsággal.

A legördülő menük a "Kiválaszt" címkét használják a mező alapjául, és az "Opció" címkét a menüelemek beállításához. Módosíthatja a „Kiválasztás” címkét a „méret” attribútummal, amely meghatározza, hogy hány elem legyen látható, mielőtt a látogató a menü megnyitásához kattint, és a „többszörös” attribútum, amely ha be van állítva, akkor a látogató egynél több lehetőséget is kiválaszthat. . Az "opció" címkét is módosíthatja; a "kiválasztott" attribútum lehetővé teszi, hogy előválasztja ezt az opciót.

Íme egy példakérdés a legördülő menü segítségével:

Mi a hét legkevésbé kedvenc napja?


vasárnap
hétfő
kedd
szerda
csütörtök
péntek
szombat


A webhelyén a következő kérdés néz ki:

Mi a hét legkevésbé kedvenc napja?

vasárnap
hétfő
kedd
szerda
csütörtök
péntek
szombat


A harmadik feleletválasztós lehetőség a jelölőnégyzet. A jelölőnégyzetek hasonlóak a választógombokhoz, azzal a különbséggel, hogy mindig lehetővé teszik a látogatók számára, hogy több lehetőséget válasszanak. A jelölőnégyzetek ugyanazokat az attribútumokat engedélyezik, mint a választógombok.

Mintakérdés jelölőnégyzetek használatával:

Milyen háziállatod van?

Kutya

Macska

Madár

Egér

Hörcsög

Aligátor

Egyéb


A látogatók láthatják:

Milyen háziállatod van?
Kutya
Macska
Madár
Egér
Hörcsög
Aligátor
Egyéb

Video Utasításokat: HTML5 beviteli mezők (Április 2024).