Tagi HTML Select i Option - Lista menu

Może 17, 2024

Tagi select i Option współpracują ze sobą, aby utworzyć listę menu rozwijanego w formularzu strony internetowej. Możesz zobaczyć listę tego typu za każdym razem, gdy podasz swoje nazwisko i adres. Jeśli mieszkasz w Stanach Zjednoczonych, z rozwijanej listy nazw stanów wybierz stan, w którym mieszkasz. Ta lista rozwijana jest tworzona za pomocą znaczników wyboru, a lista opcji (opcji) tworzona jest za pomocą grupy znaczników opcji. Tagi otwierające i zamykające są wymagane zarówno dla tagów select, jak i tagów opcji.

Oto przykładowy kod menu rozwijanego.

Ohio Floryda
<	lewy wspornik kątowy
Wybierz	nazwa elementu
Nazwa	Atrybut name służy do ustawiania identyfikacji listy menu
>	wspornik kątowy
	tag zamykający

<	lewy wspornik kątowy
opcja	nazwa elementu
wartość	atrybut wartości służy do ustawiania wartości dla opcji
>	wspornik kątowy
	tag zamykający

Jak widać, grupa tagów opcji jest zamknięta w otwierających i zamykających tagach wyboru. Możesz mieć tyle tagów opcji, ile chcesz, a lista rozwijana będzie przewijana w razie potrzeby.

Wybierz atrybuty tagu

Atrybut nazwy
Atrybut, który musisz uwzględnić w tagu select, to atrybut name. Ten atrybut identyfikuje listę programu przetwarzającego. Jeśli masz więcej niż jedno menu rozwijane w formularzu internetowym, nadasz każdej liście inną nazwę, przypisując inną wartość do atrybutu name. W tym przykładzie ustawiłem wartość atrybutu name na „stan”.

Atrybut rozmiaru
Atrybut size określa liczbę opcji z listy, które mogą być widoczne w tym samym czasie. Gdybym w powyższym przykładzie uwzględnił wszystkie stany Stanów Zjednoczonych, byłaby to długa lista. Dlatego prawdopodobnie chciałbym ustawić atrybut size na mniejszą liczbę, na przykład 5, która pozwoliłaby na wyświetlenie tylko pięciu nazw stanów jednocześnie.

Wiele atrybutów
Gdy ten atrybut jest zawarty w tagu select, można wybrać więcej niż jedną opcję.

Atrybuty tagu opcji

Atrybut wartości
Atrybut wartości dla znacznika opcji ustawia inny wybór lub opcję dla każdego znacznika opcji w grupie. Po wybraniu znacznika opcji wartość powiązana z tym znacznikiem jest wysyłana do programu przetwarzającego. Jak widać z przykładu, wartości przypisane do znaczników opcji (OH i FL) nie są takie same jak nazwy stanów powiązanych z każdym znacznikiem opcji. Nazwy stanów będą wyświetlane w formularzu internetowym, ale wartość wysyłana do programu będzie skrótem stanu.

Wybrany atrybut
Gdy ten atrybut jest zawarty w tagu opcji otwarcia, opcja ta zostanie wstępnie wybrana, gdy formularz internetowy zostanie wyświetlony na stronie po raz pierwszy.

Instrukcje Wideo: How to Create A Custom Select Box - Styling Select Dropdown Using Html and CSS (Może 2024).

Tagi HTML Select i Option - Lista menu, HTML, tag opcji HTML, tagi wyboru HTML, jak utworzyć menu rozwijane, jak utworzyć listę menu w HTML, tagi wyboru i ich atrybuty, tagi opcji i atrybuty

Poprzedni Artykuł

Następny Artykuł

Powiązane Artykuły

komputery

Uaktualnienie programu Photoshop CC 2019

Może 2024

Uaktualnienie do programu Photoshop CC 2019 jest gotowe do pobrania. Zobaczmy, co nowego. Znajdziesz ulepszenia wielu starych ulubionych, a także kilka nowych funkcji.PulpitPierwszą rzeczą, którą...

komputery

Nowe narzędzie do przycinania Photoshop CS6

Może 2024

Co nowego w narzędziu do przycinania w Photoshopie? To był podstawowy element programu PhotoshopR przez wiele lat. Ale w Photoshop CS6 mamy zupełnie nowe narzędzie Kadrowanie, które działa inaczej...