HTML Wählen Sie Tag aus

HTML umfasst verschiedene Tags, die äußerst nützliche Zwecke dienen sollen. Eines der am häufigsten verwendeten Tags von HTML ist das Auswahl -Tag. Dieses Tag wird zum Erstellen von Dropdown -Listen verwendet, und in den Dropdown -Listen können der Benutzer eine Option seiner Auswahl aus der angegebenen Liste auswählen. Die Dropdown -Listen werden hauptsächlich in Webformularen verwendet, um Umfragedaten zu sammeln. In diesem Tutorial unterrichten wir Ihnen die Verwendung des Auswahl -Tags in HTML mit Hilfe einiger Beispiele.

So verwenden Sie das Auswählen des Tags in HTML?

Es ist sehr einfach, das Auswahl -Tag in HTML zu verwenden, und Sie werden es erkennen, indem Sie die folgenden zwei Beispiele durchlaufen:

Beispiel Nr. 1: Auswählen des Wohnortortes

In diesem Beispiel möchten wir eine Webseite erstellen, auf der eine Dropdown -Liste angezeigt wird und den Benutzern die Auswahl ihrer Wohnorte aus dieser Dropdown -Liste ermöglicht. Dazu haben wir das im folgende Bild gezeigte HTML -Skript geschrieben:

In diesem Skript haben wir das Auswahl -Tag von HTML verwendet, um eine Dropdown -Liste von vier verschiedenen Ländern zu erstellen. Dann haben wir die Tags "Option Value" verwendet, um alle vier Elemente anzugeben, ich.e., Die Namen der vier Länder auf dieser Dropdown -Liste. Danach haben wir eine Schaltfläche „Senden“ erstellt, um das Erscheinungsbild unserer Webseite zu verbessern. Diese Schaltfläche navigieren uns jedoch nirgendwo, da wir keine zugehörigen Aktionsseite erstellt haben.

Bei der Ausführung dieses HTML -Skripts mit Google Chrome wurde die folgende Webseite in unserem Browser angezeigt:

Wenn Sie auf diese Dropdown -Liste klicken, können Sie ein Land Ihrer Wahl auswählen, wie im Bild unten gezeigt:

Beispiel Nr. 2: Auswählen der bevorzugten Programmiersprache

Dies ist ein weiteres Beispiel für die Verwendung des Auswahl -Tags von HTML. In diesem Beispiel werden wir eine Dropdown -Liste erstellen, damit der Benutzer seine bevorzugte Programmiersprache auswählen kann. Das HTML -Skript für diesen Zweck wird im folgenden Bild angezeigt:

Wir haben in diesem HTML -Skript eine Dropdown -Liste von vier Programmiersprachen erstellt, indem wir das Tag von HTML auswählen. Dann haben wir einfach die Elemente dieser Liste erwähnt, indem wir das Tag "Option Value" von HTML verwenden. Wie bei unserem ersten Beispiel haben wir in diesem HTML.

Die Webseite mit unserer neu erstellten Dropdown -Liste wird im folgenden Bild angezeigt:

Wenn Sie auf diese Dropdown -Liste klicken, dürfen Sie eine Programmiersprache Ihrer Wahl auswählen, wie im folgenden Bild gezeigt:

Abschluss

Heute wollten wir unsere Leser die Verwendung des Auswahl -Tags von HTML übermitteln. Dazu haben wir Sie zum ersten Mal in den Zweck dieses HTML-Tags vorgestellt, gefolgt von einigen Beispielen, die das schrittweise Verfahren der Verwendung dieses Tags erläuterten. Am Ende haben wir zwei verschiedene Dropdown -Listen erstellt. Nach den gleichen Zeilen können Sie in HTML so viele Dropdown -Listen Ihrer Wahl erstellen, wie Sie möchten.