Beispiel:Select-1.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!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</title>

</head> <body>

Wähle deinen Favoriten!

Ein Menü mit dem <select>-Element

<form action="#">

 <label for="favourite_Artist">Wähle deinen Favoriten:</label>
   <select id="favourite_Artist" name="favourite_Artist" size="5">
     <option>Heino</option>
     <option>Michael Jackson</option>
     <option>Tom Waits</option>
     <option selected>Nina Hagen</option>
     <option>Marianne Rosenberg</option>
   </select>

</form>

Eine Dropdown-Liste mit dem <select>-Element

   <form action="#">
      <label for="favorite_2">Künstler(in)</label>
       <select id="favorite_2" name="favorite_2" name="top5">
         <option>Wähle deinen Favoriten!</option>
         <option value="1">Heino</option>
         <option value="2">Michael Jackson</option>
         <option value="3">Tom Waits</option>
         <option value="4">Nina Hagen</option>
         <option value="5">Marianne Rosenberg</option>
       </select>
   </form>

</body> </html>