HTML- waarde Attribuut

❮ Vorige Alle HTML- kenmerken Volgende ❯

Definitie en gebruik

Voor <button>, <input>en <option>elementen, valuespecificeert het attribuut de initiële waarde van het element.

Voor <li>elementen valuebepaalt het attribuut de waarde van het lijstitem (voor geordende lijsten). De volgende lijstitems worden verhoogd vanaf die waarde.

Voor <meter>elementen valuespecificeert het attribuut de huidige waarde van de meter.

Voor <progress>elementen valuespecificeert het attribuut hoeveel van de taak is voltooid.

Voor <param>elementen valuespecificeert het attribuut de waarde van de parameter.

Geldt voor

Het valueattribuut kan op de volgende elementen worden gebruikt:

elementen	Attribuut
<knop>	waarde
<invoer>	waarde
<meter>	waarde
<li>	waarde
<optie>	waarde
<voortgang>	waarde
<param>	waarde

Voorbeelden

<knop> Voorbeeld

Twee knoppen met gelijke namen, die verschillende waarden indienen wanneer erop wordt geklikt:

<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>

<invoer> Voorbeeld

Een HTML-formulier met initiële (standaard) waarden:

<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> Voorbeeld

Gebruik van het waardeattribuut in een geordende lijst:

<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>

<meter> Voorbeeld

Een meter met een huidige waarde, min, max, hoog en laag segmenten:

<optie> Voorbeeld

Een vervolgkeuzelijst in een HTML-formulier:

<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>

<voortgang> Voorbeeld

Bezig met downloaden:

<param> Voorbeeld

Stel de parameter "autoplay" in op "true", zodat het geluid begint te spelen zodra de pagina wordt geladen:

Browserondersteuning

Het valueattribuut heeft de volgende browserondersteuning voor elk 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