Die HTML-Auswahl- und Options-Tags - Die Menüliste

April 26, 2024

Die Tags select und option arbeiten zusammen, um eine Dropdown-Menüliste auf einem Webseitenformular zu erstellen. Sie können diese Art von Liste jederzeit sehen, wenn Sie Ihren Namen und Ihre Adresse angeben. Wenn Sie in den USA leben, wählen Sie den Bundesstaat, in dem Sie leben, aus einer Dropdown-Liste mit Statusnamen aus. Diese Dropdown-Liste wird mit den Auswahl-Tags erstellt, und die Liste der Auswahlmöglichkeiten (Optionen) wird mit einer Gruppe von Options-Tags erstellt. Die öffnenden und schließenden Tags sind sowohl für die Auswahl- als auch für die Options-Tags erforderlich.

Hier ist der Beispielcode für das Dropdown-Menü.

Ohio Florida
<	linke spitze Klammer
wählen	Elementname
Name	Das Attribut name wird verwendet, um eine Identifikation für die Menüliste festzulegen
>	rechtwinklige Halterung
	Tag schließen

<	linke spitze Klammer
Möglichkeit	Elementname
Wert	Das value-Attribut wird verwendet, um den Wert für die Option festzulegen
>	rechtwinklige Halterung
	Tag schließen

Wie Sie sehen können, ist die Gruppe der Options-Tags in den öffnenden und schließenden Auswahl-Tags eingeschlossen. Sie können so viele Options-Tags haben, wie Sie möchten, und die Dropdown-Liste wird nach Bedarf gescrollt.

Die Attribute des Select-Tags

Das Namensattribut
Das Attribut, das Sie in das Auswahl-Tag aufnehmen müssen, ist das Namensattribut. Dieses Attribut identifiziert die Liste für das Verarbeitungsprogramm. Wenn Sie mehr als ein Dropdown-Menü in einem Webformular haben, geben Sie jeder Liste einen anderen Namen, indem Sie dem Namensattribut einen anderen Wert zuweisen. Im Beispiel habe ich den Wert des Namensattributs auf "Zustände" gesetzt.

Das Größenattribut
Das Größenattribut gibt die Anzahl der Optionen aus der Liste an, die gleichzeitig angezeigt werden können. Wenn ich alle Staaten der Vereinigten Staaten in das obige Beispiel aufgenommen hätte, wäre das eine lange Liste. Daher möchte ich wahrscheinlich das Größenattribut auf eine kleinere Zahl wie 5 setzen, sodass nur fünf der Statusnamen gleichzeitig sichtbar sind.

Das Mehrfachattribut
Wenn dieses Attribut im Auswahl-Tag enthalten ist, kann mehr als eine Option ausgewählt werden.

Die Attribute des Options-Tags

Das Wertattribut
Das value-Attribut für das Options-Tag legt für jedes Options-Tag in der Gruppe eine andere Auswahl oder Option fest. Wenn ein Options-Tag ausgewählt ist, wird der diesem Tag zugeordnete Wert an das Verarbeitungsprogramm gesendet. Wie Sie dem Beispiel entnehmen können, stimmt der den Options-Tags (OH und FL) zugewiesene Wert nicht mit dem Namen der Zustände überein, die jedem Options-Tag zugeordnet sind. Die Statusnamen werden im Webformular angezeigt, aber der an das Programm gesendete Wert entspricht den Statusabkürzungen.

Das ausgewählte Attribut
Wenn dieses Attribut im Tag der Eröffnungsoption enthalten ist, wird diese Option vorausgewählt, wenn das Webformular zum ersten Mal auf der Webseite angezeigt wird.

Video-Anleitungen: How to Create Transparent Drop Down Navigation Menu with CSS and HTML Tutorial (April 2024).

Die HTML-Auswahl- und Options-Tags - Die Menüliste, HTML, HTML-Options-Tag, HTML-Auswahl-Tags, Erstellen eines Dropdown-Menüs, Erstellen einer Menüliste in HTML, Auswählen von Tags und deren Attributen, Options-Tags und Attribute

Vorherige Artikel

Nächster Artikel

In Verbindung Stehende Artikel

Computers

Photoshop-Textwerkzeug

April 2024

In diesem Tutorial verwenden wir PhotoshopR. Textwerkzeug zum Erstellen von vier Bildern, die wir als Platzhalterbilder in einem Flash verwendenR. Vorlage. Für diejenigen unter Ihnen, die sich für...

Computers

Die PHP Mktime Funktion

April 2024

Die integrierte PHP-Funktion mktime () erstellt einen Unix-Zeitstempel für ein bestimmtes Datum und eine bestimmte Uhrzeit.Sie können PHP verwenden, um die aktuelle, lokale Zeit und das Datum leicht...