Tag html

HTML obejmuje różne tagi, które mają służyć niezwykle przydatnymi celami. Jednym z najczęściej używanych tagów HTML jest metka Select. Ten znacznik służy do tworzenia list rozwijanych, a listy rozwijane pozwalają użytkownikowi wybrać wybraną opcję z podanej listy. Listy rozwijane są używane przede wszystkim w formularzach internetowych do gromadzenia danych z ankiety. W tym samouczku nauczymy Cię wykorzystania wybranego znacznika w HTML za pomocą kilku przykładów.

Jak używać znacznika Wybierz w HTML?

Bardzo łatwo jest użyć znacznika Wybierz w HTML i zdasz sobie z tego sprawę, przechodząc przez następujące dwa przykłady:

Przykład nr 1: Wybór miejsca zamieszkania

W tym przykładzie chcemy utworzyć stronę internetową, która wyświetli listę rozwijaną i pozwoli użytkownikom wybrać miejsca zamieszkania z tej listy rozwijanej. W tym celu napisaliśmy skrypt HTML pokazany na poniższym obrazku:

W tym skrypcie wykorzystaliśmy metkę wybraną HTML, aby utworzyć listę rozwijaną czterech różnych krajów. Następnie użyliśmy tagów „Wartość opcji” do podania wszystkich czterech elementów, i.mi., nazwiska czterech krajów na tej liście rozwijanej. Następnie stworzyliśmy przycisk „Prześlij”, aby ulepszyć wygląd naszej strony internetowej. Jednak ten przycisk nie będzie nas nigdzie poruszać się, ponieważ nie stworzyliśmy żadnej powiązanej strony akcji.

Po wykonaniu tego skryptu HTML z Google Chrome na naszej przeglądarce pojawiła się następująca strona internetowa:

Po kliknięciu tej listy rozwijanej będziesz mógł wybrać wybrany kraj, jak pokazano na poniższym obrazku:

Przykład nr 2: Wybór ulubionego języka programowania

To kolejny przykład użycia etykiety HTML. W tym przykładzie utworzymy listę rozwijaną do umożliwienia użytkownikowi wybrania ulubionego języka programowania. Skrypt HTML w tym celu pokazano na poniższym obrazku:

Utworzyliśmy listę rozwijaną czterech języków programowania w tym skrypcie HTML za pomocą znacznika „Wybierz” HTML. Następnie po prostu wspomnieliśmy o elementach tej listy za pomocą znacznika „Wartość opcji” HTML. Podobnie jak nasz pierwszy przykład, w tym skrypcie HTML mamy manekin „Prześlij”.

Strona internetowa wyświetlająca naszą nowo utworzoną listę rozwijaną jest pokazana na poniższym obrazku:

Kiedy klikniesz tę listę rozwijaną, będziesz mógł wybrać wybrany język programowania, jak pokazano na poniższym obrazku:

Wniosek

Dzisiaj chcieliśmy przekazać naszym czytelnikom wykorzystanie wybranego znacznika HTML. W tym celu po raz pierwszy przedstawiliśmy ci cel tego znacznika HTML, a następnie kilka przykładów, które wyjaśniły procedurę stosowania tego znacznika. Skończyło się na tworzeniu dwóch różnych list rozwijanych. Podążając za tymi samymi wierszami, możesz utworzyć jak najwięcej wybranych list rozwijanych w HTML, jak chcesz.