HTML value Атрибут
Определение и использование
Для элементов button, input и option атрибут value указывает начальное значение элемента.
Для элементов li атрибут value задает значение упорядоченного элемента списка. Следующие элементы списка будут увеличиваться с этого числа.
Для элементов progress атрибут value указывает, сколько задач было выполнено.
Для элементов param атрибут value указывает значение элемента <param>.
Относится к
Атрибут type может использоваться для следующих элементов:
Элементы | Атрибут |
---|---|
<button> | value |
<input> | value |
<li> | value |
<option> | value |
<progress> | value |
<param> | value |
Пример
Пример кнопки
Две кнопки с одинаковыми именами, которые представляют различные значения при щелчке:
<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>
Пример ввода
HTML-форма с начальными значениями (по умолчанию):
<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 пример
Использование атрибута value в упорядоченном списке:
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
Пример параметра
Раскрывающийся список внутри 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>
Пример выполнения
Загрузка выполняется:
<progress value="22" max="100"></progress>
Пример param
Установите параметр "autoplay" в значение "true", поэтому звук начнет воспроизводиться сразу после загрузки страницы:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Поддержка браузера
Атрибут value
имеет следующую поддержку браузера для каждого элемента:
Элемент | |||||
---|---|---|---|---|---|
button | Да | Да | Да | Да | Да |
input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
li | Да | Да | Да | Да | Да |
option | Да | Да | Да | Да | Да |
progress | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
param | Да | Да | Да | Да | Да |