Heim >Web-Frontend >HTML-Tutorial >Wie lege ich den Standardwert des HTML-Auswahl-Dropdown-Felds fest?
Wie lege ich den Standardwert des HTML-Auswahl-Dropdown-Felds fest?
- 醉折花枝作酒筹nach vorne
- 2021-04-26 11:47:287400Durchsuche
In diesem Artikel erfahren Sie, wie Sie den Standardwert des Auswahl-Dropdown-Felds festlegen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.
Wir können den Standardwert des Auswahlelements mithilfe des Attributs „selected“ für die gewünschte Option festlegen, bei dem es sich um ein boolesches Attribut handelt.
Standardmäßig werden Options-Tags mit dem Attribut „ausgewählt“ in der Dropdown-Liste „Auswahl-Tags“ angezeigt.
Syntax:
<option value="value" selected>选项名称</option>
Beispiel 1: Verwendung des ausgewählten Attributs
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>设置select元素的默认值</title> </head> <body style = "text-align:center;"> <b>如何设置select元素的默认值？</b> <p>默认情况下，显示第一个option选项</p> <select name="plan" id="plan"> <option value="free">Free</option> <option value="starter">Starter </option> <option value="professional">Professional</option> <option value="corporate">Corporate</option> </select> <p>设置Professional选项为默认值</p> <select name="plan" id="plan"> <option value="free">Free</option> <option value="starter">Starter </option> <option value="professional" selected>Professional</option> <option value="corporate">Corporate</option> </select> </body> </html>
Rendering:
Beispiel 2: Fügen Sie der Liste eine Nachricht wie „Bitte wählen Sie eine Option“ hinzu. Diese Option verfügt zusätzlich zu den aktivierten Eigenschaften über ausgeblendete und deaktivierte Eigenschaften.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>设置select元素的默认值</title>
</head>
<body style = "text-align:center;">
<p>设置select选项框的默认值</p>
<select name="plan" id="plan">
<option value="none" selected disabled hidden>请选择选项</option>
<option value="free">Free</option>
<option value="starter">Starter </option>
<option value="professional">Professional</option>
<option value="corporate">Corporate</option>
</select>
</body>
</html>Rendering:
Empfohlenes Lernen: HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWie lege ich den Standardwert des HTML-Auswahl-Dropdown-Felds fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!