Pola wejściowe wielokrotnego wyboru dla formularzy HTML

• Może 18, 2024

Jeśli tworzysz formularz w swojej witrynie i chcesz, aby odwiedzający wybrali jedną lub więcej wstępnie wybranych opcji, możesz wybrać pole wprowadzania wielokrotnego wyboru.

Przycisk opcji jest bardzo powszechnym wyborem dla opcji wielokrotnego wyboru; często można je zobaczyć w quizach internetowych i podobnych formularzach. Przyciski te są używane, gdy użytkownik ma wybrać tylko jedną z kilku opcji. Na przykład, jeśli budujesz quiz osobowości na swojej stronie i chcesz, aby odwiedzający wybrali swój ulubiony podstawowy kolor (czerwony, niebieski lub żółty), użyłbyś przycisków opcji.

Przyciski opcji są pogrupowane według atrybutu „nazwa”. W grupie przycisków radiowych o tej samej nazwie, odwiedzający będą mogli wybrać tylko jeden; kliknięcie innego przycisku w grupie anuluje pierwotny wybór. Atrybut „wartość” określa, do której opcji należy przycisk opcji, a atrybut „zaznaczony” pozwala wstępnie wybrać opcję.

W powyższym przykładzie pytanie można zakodować w następujący sposób:

Jaki jest twój ulubiony kolor podstawowy?

Czerwony

niebieski

Żółty

W Twojej witrynie pytanie wyglądałoby tak:

Jaki jest twój ulubiony kolor podstawowy?
Czerwony
niebieski
Żółty

Drugim polem wielokrotnego wyboru jest menu rozwijane. Za pomocą menu rozwijanego możesz zezwolić na wiele wyborów lub tylko jeden; rozwijane menu również zajmują mniej miejsca na stronie, dzięki czemu można przedstawić więcej opcji przy mniejszym zatłoczeniu.

Menu rozwijane używają znacznika „select” jako podstawy pola, a znacznika „Option” do ustawiania pozycji menu. Możesz zmodyfikować tag „select” za pomocą atrybutu „size”, który określa, ile elementów jest widocznych, zanim użytkownik kliknie, aby otworzyć menu, oraz atrybutu „multiple”, który, jeśli jest ustawiony, pozwala wybrać więcej niż jedną opcję . Możesz także zmodyfikować tag „Option”; atrybut „selected” pozwala wstępnie wybrać tę opcję.

Oto przykładowe pytanie z menu rozwijanego:

Jaki jest twój najmniej ulubiony dzień tygodnia?


niedziela
poniedziałek
wtorek
środa
czwartek
piątek
sobota


Na twojej stronie pytanie wyglądałoby tak:

Jaki jest twój najmniej ulubiony dzień tygodnia?

niedziela
poniedziałek
wtorek
środa
czwartek
piątek
sobota


Trzecią opcją wielokrotnego wyboru jest pole wyboru. Pola wyboru są podobne do przycisków opcji, z tym wyjątkiem, że zawsze pozwalają odwiedzającym wybrać wiele opcji. Pola wyboru pozwalają na takie same atrybuty jak przyciski opcji.

Przykładowe pytanie przy użyciu pól wyboru:

Jakie masz zwierzęta?

Pies

Kot

Ptak

Mysz

Chomik

Aligator

Inny


Twoi goście zobaczą:

Jakie masz zwierzęta?
Pies
Kot
Ptak
Mysz
Chomik
Aligator
Inny

Instrukcje Wideo: Kurs HTML odc. 6: Klasyczne kontrolki formularzy (Może 2024).