Beispiel:Select-2.html
Aus SELFHTML-Wiki
<!DOCTYPE html> <html lang="de"> <head>
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" media="screen" href="./Beispiel:Grundlayout.css"> <title>Auswahllisten definieren - 2</title> <style>
[label=Schlager] {color:green;}
optgroup[label="Pop/Rock"] {
color: blue;
font-size: 1.2em; }
optgroup[label="Pop/Rock"] option { color:red; font-size: 0.8em; } </style> </head> <body>
Gliederung mit <optgroup>
<form action="#">
<label for="favorite_3">Künstler(in)</label> <select id="favorite_3" name="favorite_3"> <option>Wähle deinen Favoriten!</option>
<optgroup label="Schlager">
<option value="heino">Heino</option>
<option value="rosenberg">Marianne Rosenberg</option>
<option value="fischer">Helene Fischer</option>
<option value="kaiser">Roland Kaiser</option>
</optgroup>
<optgroup label="Pop/Rock">
<option value="mj">Michael Jackson</option>
<option value="waits">Tom Waits</option>
<option value="hagen">Nina Hagen</option>
<option value="madonna">Madonna</option>
<option value="springsteen">Bruce Springsteen</option>
</optgroup>
</select>
</form> </body> </html>
