Standardwert in HTML auswählen
-
Verwenden Sie
selected="selected", um den Standardwert für ein HTML-Element<select>auszuwählen -
Verwenden Sie
<option selected>, um den Standardwert für ein HTML-Element<select>auszuwählen
In diesem Artikel werden zwei Methoden erläutert, um den Standardwert für ein HTML-Element <select> auszuwählen.
Verwenden Sie selected="selected", um den Standardwert für ein HTML-Element <select> auszuwählen
Wir können die Option selected="selected" verwenden, um den Standardwert in einem HTML-Code auszuwählen. Wir schreiben das selected-Attribut in das <option>-Tag. Wir können den Wert des Attributs selected auf selected setzen, um die spezifische Option beim ersten Laden der Webseite standardmäßig auszuwählen. In HTML wird es als boolesches Attribut bezeichnet. Die vorausgewählte Option wird zuerst in der Dropdown-Liste angezeigt. Dieses Attribut kann nur für das Element <option> verwendet werden. Es unterstützt die Webbrowser wie Google Chrome, Internet Explorer, Firefox, Opera usw.
Erstellen Sie beispielsweise innerhalb des HTML-Textkörpers ein <select>-Tag, gefolgt von fünf darin enthaltenen Optionen. Schreiben Sie die Zahlen von 1-5 für das Attribut value für jede Option. Schreiben Sie den Text von One bis Five zwischen den Tag <option> für jede Option. Schreiben Sie als Nächstes das Attribut selected mit dem Wert selected direkt nach dem Öffnen des Tags <option> in dem bestimmten Wert, den Sie als Standardwert auswählen möchten (Option 3 im Beispiel unten). Schliessen Sie zum Schluss das <select>-Tag.
Das folgende Beispiel verwendet die Methode select=selected, um den Standardwert in einer Dropdown-Liste auszuwählen. Wir haben eine Dropdown-Liste erstellt, in der wir Werte von One bis Five auswählen können. Beim Neuladen der Seite wird standardmäßig die Option Three geladen, da wir das Attribut selected verwendet haben, um das Element als Standard festzulegen.
Beispielcode:
<body>
<select>
<option value="1">One</option>
<option value="2">Two</option>
<option selected="selected" value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
</select>
</body>
Verwenden Sie <option selected>, um den Standardwert für ein HTML-Element <select> auszuwählen
Wir können die Option <option selected> verwenden, um einen Standardwert in HTML auszuwählen. Auch dieser Vorgang ist dem ersten etwas ähnlich. Es ist auch ein boolesches Attribut. Das Element <select> wird meist verwendet, um Eingaben des Benutzers zu sammeln. Das Tag <option>, das wir in das Element <select> schreiben, definiert die verfügbaren Elemente, die in der Dropdown-Liste enthalten sind. Wir können die Option selected in das jeweilige <option>-Tag schreiben, um die Option als standardmäßig ausgewählte Option anzugeben.
Erstellen Sie beispielsweise innerhalb des HTML-Bodys ein <select>-Tag gefolgt von dem <option>-Tag wie in der obigen Methode. Geben Sie in der nächsten Zeile Werte von 1-5 für das Options-Tag an und schließen Sie das Options-Tag. Wiederholen Sie diesen Vorgang fünfmal. Dann schreiben Sie <selected> direkt nach dem zweiten <option>-Tag, um es als Ihren Standardwert auszuwählen. Schliessen Sie zum Schluss das <select>-Tag.
Im folgenden Beispiel wird die Option <option selected> verwendet, um den Standardwert auszuwählen. Wenn die Seite geladen wird, sehen wir, dass die Option 2 standardmäßig in der Dropdown-Liste geladen ist, da wir beim zweiten Element die Option <option selected> verwendet haben.
Beispielcode:
<body>
<select>
<option> 1 </option>
<option selected> 2 </option>
<option> 3 </option>
<option> 4 </option>
<option> 5 </option>
</select>
</body>
Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.
LinkedIn