HTML - Wertattribut
Definition und Verwendung
Bei <button>,
<input>und <option>-Elementen gibt das
valueAttribut den Anfangswert des Elements an.
Bei <li>Elementen
valuelegt das Attribut den Wert des Listenelements fest (bei geordneten Listen). Die nächsten Listenelemente werden von diesem Wert aus erhöht.
Bei <meter>Elementen gibt das
valueAttribut den aktuellen Wert des Messgeräts an.
Bei <progress>Elementen gibt das
valueAttribut an, wie viel von der Aufgabe abgeschlossen wurde.
Bei <param>Elementen gibt das
valueAttribut den Wert des Parameters an.
Gilt für
Das valueAttribut kann für die folgenden Elemente verwendet werden:
| Elemente | Attribut |
|---|---|
| <Schaltfläche> | Wert |
| <Eingabe> | Wert |
| <Meter> | Wert |
| <li> | Wert |
| <Option> | Wert |
| <Fortschritt> | Wert |
| <param> | Wert |
Beispiele
<Schaltfläche> Beispiel
Zwei gleichnamige Schaltflächen, die beim Anklicken unterschiedliche Werte übermitteln:
<form action="/action_page.php" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="fav_HTML">HTML</button>
<button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>
<Eingabe> Beispiel
Ein HTML-Formular mit anfänglichen (Standard-)Werten:
<form
action="/action_page.php">
First name: <input type="text" name="fname"
value="John"><br>
Last name:
<input type="text" name="lname"
value="Doe"><br>
<input type="submit" value="Submit form">
</form>
<li> Beispiel
Verwendung des value-Attributs in einer geordneten Liste:
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
<Meter> Beispiel
Ein Messgerät mit einem aktuellen Wert, Min-, Max-, High- und Low-Segmenten:
<meter min="0" low="40" high="90" max="100" value="95"></meter>
<Option> Beispiel
Eine Dropdown-Liste in einem HTML-Formular:
<form action="/action_page.php">
<select name="cars">
<option value="volvo">Volvo XC90</option>
<option value="saab">Saab 95</option>
<option value="mercedes">Mercedes SLK</option>
<option value="audi">Audi TT</option>
</select>
<input type="submit" value="Submit">
</form>
<Fortschritt> Beispiel
Download läuft:
<progress value="22" max="100"></progress>
<param> Beispiel
Setzen Sie den Parameter "autoplay" auf "true", damit der Sound abgespielt wird, sobald die Seite geladen wird:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Browser-Unterstützung
Das valueAttribut hat die folgende Browserunterstützung für jedes Element:
| Element | |||||
|---|---|---|---|---|---|
| button | Yes | Yes | Yes | Yes | Yes |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| li | Yes | Yes | Yes | Yes | Yes |
| meter | 8.0 | 13.0 | 6.0 | 6.0 | 11.0 |
| option | Yes | Yes | Yes | Yes | Yes |
| progress | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
| param | Yes | Yes | Yes | Yes | Yes |