Atrybut wartości HTML

❮ Poprzedni Wszystkie atrybuty HTML Dalej _

Definicja i użycie

Dla elementów i <button>atrybut określa początkową wartość elementu.<input><option>value

Dla <li>elementów valueatrybut ustawia wartość elementu listy (dla list uporządkowanych). Kolejne pozycje na liście będą się zwiększać od tej wartości.

W przypadku <meter>elementów valueatrybut określa bieżącą wartość miernika.

W przypadku <progress>elementów valueatrybut określa, jaka część zadania została wykonana.

W przypadku <param>elementów valueatrybut określa wartość parametru.

Dotyczy

Atrybutu valuemożna użyć na następujących elementach:

Elementy	Atrybut
<przycisk>	wartość
<wejście>	wartość
<metr>	wartość
<li>	wartość
<opcja>	wartość
<postęp>	wartość
<param>	wartość

Przykłady

<przycisk> Przykład

Dwa przyciski o jednakowych nazwach, które po kliknięciu przesyłają różne wartości:

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

<wejście> Przykład

Formularz HTML z początkowymi (domyślnymi) wartościami:

<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> Przykład

Użycie atrybutu wartości w uporządkowanej liście:

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

<metr> Przykład

Miernik z wartością prądu, segmentami min, max, high i low:

<opcja> Przykład

Lista rozwijana w formularzu HTML:

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

<postęp> Przykład

Trwa pobieranie:

<parametr> Przykład

Ustaw parametr „autoplay” na „true”, aby dźwięk zaczął się odtwarzać zaraz po załadowaniu strony:

Obsługa przeglądarki

valueAtrybut ma następującą obsługę przeglądarki dla każdego elementu :

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