Definicja i Wykorzystanie
Dla przycisków, wejściowych i opcji elementów, value atrybutu określa wartość początkową tego elementu.
Na li elementów, value atrybutu ustawia wartość elementu listy uporządkowanej. Następujące elementy listy będą zwiększać od tej liczby.
Dla elementów z postępów prac, value atrybutu określa jaka część zadania została zakończona.
Dla elementów param, The value atrybutu określa wartość <param> elementu.
Dotyczy
type atrybut może być stosowany na następujących elementach:
Elementy | Atrybut |
---|---|
<button> | value |
<input> | value |
<li> | value |
<option> | value |
<progress> | value |
<param> | value |
Przykłady
Button Przykład
Dwa przyciski z jednakowych nazwach, które składają różne wartości po kliknięciu:
<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>
Spróbuj sam " Input Przykład
Formularz HTML z wartościami początkowymi (domyślnie):
<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>
Spróbuj sam " Li Przykład
Korzystanie z value atrybutu w uporządkowanej listy:
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
Spróbuj sam " opcja Przykład
Lista rozwijana wewnątrz formularza HTML:
<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>
Spróbuj sam " Param Przykład
Ustaw "autoplay" parametr na "true" , więc dźwięk będzie zacząć grać jak najszybciej załadowaniu strony:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Spróbuj sam " Pomoc Browser
value
atrybut posiada następujące wsparcie przeglądarki dla każdego elementu:
Element | |||||
---|---|---|---|---|---|
button | tak | tak | tak | tak | tak |
input | 1,0 | 2,0 | 1,0 | 1,0 | 1,0 |
li | tak | tak | tak | tak | tak |
option | tak | tak | tak | tak | tak |
progress | 8,0 | 10,0 | 16,0 | 6,0 | 11,0 |
param | tak | tak | tak | tak | tak |