HTML value Attribute

Definition und Verwendung

Für die Taste, Eingabe und Optionselemente, die value legt Attribut den Anfangswert des Elements.

Für li Elemente, die value legt Attribut den Wert einer geordneten Listenposition. Die folgenden Listenelemente werden von dieser Zahl erhöhen.

Für Fortschritt Elemente, die value legt Attribut , wie viel von der Aufgabe abgeschlossen ist.

Für param Elemente, die value legt Attribut den Wert eines <param> Element.

Gilt für

Der type - Attribut kann auf die folgenden Elemente verwendet werden:

Elements	Attribut
<button>	value
<input>	value
<li>	value
<option>	value
<progress>	value
<param>	value

Beispiele

Button - Beispiel

Zwei Tasten mit dem gleichen Namen, die verschiedene Werte vorzulegen, wenn darauf geklickt:

<form action="demo_form.asp" 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>

Versuch es selber "

Input

Ein HTML-Formular mit einer anfänglichen (default) Werte:

<form action="demo_form.asp">
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>

Versuch es selber "

Li Beispiel

Die Nutzung des value 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>

Versuch es selber "

Option Beispiel

Eine Dropdown-Liste in einem HTML-Formular:

<form action="demo_form.asp">
<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>

Versuch es selber "