HTML-Tag <option>

❮ Vorige Nächste ❯

Das Tag <option> bestimmt die Punkte der Pop-up-Liste, die ihrerseits durch das Tag <select> bestimmt wird, oder die Listeneinträge für automatisches Ausfüllen, die durch das Tag <datalist> bestimmt werden. Das Tag <option> kann in den Tags <select>, <datalist> oder <optgroup>, welches die Elemente der Liste gruppiert, platziert werden.

Das Tag <select> wird im Tag <form> platziert, wenn die Angaben der Liste an den Server gesendet werden müssen oder wenn zu den Listenangaben durch die Skripte umgehen müssen.

Syntax

Das Tag<option> wird gepaart verwendet, das Endtag (</option>) ist obligatorisch.

Das Tag <option> wird in der Regel mit dem Attribut value verwendet und bezeichnet, welcher Wert an den Server für weitere Bearbeitung gesendet werden muss.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <form>
      <select>
     		<option value="computers">Tischcomputer</option>
     	 	<option value="notebook">Tablet-PC</option>
      		<option value="tablet">Laptop</option>
  	   </select>
	</form>
   </body>
</html>

Versuch es selber!

Ergebnis

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <p>Departure airport:</p>
    <form action="action_form.php" method="get">
      <input type = "text" list = "airports" name="airports">
      <datalist id = "airports">
        <option value = "Birmingham">
        <option value = "Cambridge">
        <option value = "Oxford">
        <option value = "Bangor">
      </datalist>
      <input type = "submit" value = "bestätigen">
    </form>
  </body>
</html>

Versuch es selber!

In diesem Beispiel ist das Tag <option> im Tag <datalist> platziert.

Ergebnis

Attribute

Attribut	Wert	Beschreibung
disabled	disabled	Es zeigt, dass das Element für die Wahl nicht verfügbar ist.
label	text	Es bestimmt den Punktnamen der Liste.
selected	selected	Es bestimmt, dass die Variante während des Hochladens der Seite voreingestellt gewählt werden soll.
value	text	Es bestimmt den Wert, der an den Server gesendet wird.