国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Inhaltsverzeichnis
Syntax von?Tag ausw?hlen in HTML
Beispiele für ?Tag ausw?hlen“ in HTML
Beispiel #3
Fazit
Heim Web-Frontend HTML-Tutorial W?hlen Sie ?Tag in HTML' aus

W?hlen Sie ?Tag in HTML' aus

Sep 04, 2024 pm 04:28 PM
html html5 HTML Tutorial HTML Properties HTML tags

Das Select-Tag in HTML erm?glicht eine Auswahlfunktion aus der Liste der Optionen, z. B. ein Dropdown-Menü oder ein Mehrfachauswahlmenü. Es handelt sich um ein Tag, das in der Form des HTML-Codes verwendet werden kann, der zum Erstellen und Implementieren einer Webseite verwendet wird. Die Syntax lautet wie folgt: ?, wobei jedes Element in der Liste vom Option-Tag umschlossen wird und die Benutzerauswahlfunktion erm?glicht. Um andere Auswahlmethoden wie ?Opt-Gruppe“ und ?Mehrfachauswahl“ zu erleichtern, ist die Option -Tag kann innerhalb des verwendet werden. Tag bzw..

Syntax von?Tag ausw?hlen in HTML

Auswahl-Tag kann Tag.

Die Syntax für dieses Tag lautet wie folgt:

<select>
<option> Value? </option>
<option> Value? </option>
</select>

Die obige Syntax Auch das Einfügen eines Tags in die Auswahlliste ist m?glich. Diese Syntax ist dieselbe wie die normale Tag dient dazu, eine Optionsgruppe in der Liste zu erstellen. Es werden mehrere Optionen als Gruppe erstellt und die Gruppenüberschrift wird in Fettschrift angezeigt.

Die Syntax hierfür lautet wie folgt:

<select >
<optgroup label? = "labelname">
<option value=" "> Content Name </option>
<option value=" "> Content Name </option>
<option value=" "> Content Name </option>
<option value=" "> Content Name </option>
<optgroup>
</select>

Gr??e: Die obige Syntax kann auch die Gr??e definieren, sodass nur definierte Gr??en angezeigt werden

Option nur das ist wie folgt:

<select value="" size="4">
<option value=" "> Content Name </option>
<option value=" "> Content Name </option>
<option value=" "> Content Name </option>
<option value=" "> Content Name </option>
</select>

?automatisches Ausfüllen: W?hlen Sie das Tag aus, das auch zum automatischen Ausfüllen der Feldwerte wie folgt verwendet wird:

<select >
<option value=" " autocomplete="off"> Content Name </option>
<option value=" "> Content Name </option>
<option value=" "> Content Name </option>
<option value=" "> Content Name </option>
</select>

Autofokus: Wir k?nnen uns wie folgt jeweils auf eine bestimmte Option aus der Liste konzentrieren. Auf einer einzelnen Seite kann nur ein Autofokus verwendet werden.

<select autofocus>
<option value=" "> Content Name </option>
<option value=" "> Content Name </option>
<option value=" "> Content Name </option>
</select>

Link: Tag ausw?hlen wird verwendet, um den Formularlink über die angegebene Option zu ?ffnen, wie in der folgenden Syntax definiert:

<form action="" id="name">
</form>
<Select name="" form="Id_name">
<option value=" "> Content Name </option>
</select>

?erforderlich: Diese Option im Select-Tag definiert eine obligatorische Option aus der definierten Liste vor der eigentlichen übermittlung des Formulars.

<select name="value" required>
<option value=" "> Content Name </option>
<option value=" "> Content Name </option>
</select>

Platzhalter: Wie wir wissen, wird bei Verwendung einer Auswahlbezeichnung die erste Option als Standardoption betrachtet. Wenn wir jedoch eine Option als Standard anzeigen m?chten, k?nnen wir das ausgew?hlte Schlüsselwort festlegen zur spezifischen Option wie folgt:

<select name="value" >
<option value=" "> Content Name </option>
<option value=" " selected> Content Name </option>
</select>

deaktiviert: ein weiterer nützlicher Trick in der Option zum Ausw?hlen des Tags zum Anzeigen im deaktivierten Format wie folgt:

Mit dieser Option kann die Option angezeigt werden, es ist jedoch nicht m?glich, Ma?nahmen zu ergreifen.

<select name="value" >
<option value=" " disabled> Content Name </option>
<option value=" "> Content Name </option>
</select>

Beispiele für ?Tag ausw?hlen“ in HTML

Hier sind die folgenden Beispiele.

Beispiel #1

In diesem Beispiel zeigen wir ein einfaches Select-Tag als Auswahlliste, Optgroup und zum gleichzeitigen Ausw?hlen mehrerer Optionen, wie unten gezeigt:

Code

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.div-container {
display: table;
width: 100%;
}
.block {
display: table-cell;
padding: 10px;
}
</style>
</head>
<body>
<div class="div-container">
<div class="block">
<h4>Simple Select tag </h4>
<select name="Web Languages">
<option> HTML 5? </option>
<option> CSS 3</option>
<option> Bootstrap ?</option>
<option>Angular </option>
<option> React JS </option>
<option> Vue JS</option>
<option>Python? </option>
<option>PHP</option>
</select> <br>
</div>
<div class="block" >
<h4>Optgroup Select tag </h4>
<select>
<optgroup label="2 wheeler">
<option value="Honda">Shine</option>
<option value="Suzuki">Access</option>
</optgroup>
<optgroup label="4 wheeler">
<option value="m">Mercedes</option>
<option value="o">Audi</option>
</optgroup>
</select>
</div>
<div class="block" >
<h4>Multiple Selection in Select tag </h4>
<select multiple>
<option> Green? </option>
<option> Orange</option>
<option> Blue </option>
<option>Red </option>
<option> Yellow </option>
</select>
</div>
</div>
</body>
</html>

Ausgabe:

W?hlen Sie ?Tag in HTML' aus

W?hlen Sie ?Tag in HTML' aus

W?hlen Sie ?Tag in HTML' aus

Beispiel #2

Dieses Beispiel definiert, wie über den Link über