Атрибут значения HTML
Определение и использование
Для <button>элементов
<input>и <option>атрибут
valueуказывает начальное значение элемента.
Для <li>элементов
valueатрибут устанавливает значение элемента списка (для нумерованных списков). Следующие элементы списка будут увеличиваться с этого значения.
Для <meter>элементов
valueатрибут указывает текущее значение шкалы.
Для <progress>элементов
valueатрибут указывает, какая часть задачи была выполнена.
Для <param>элементов
valueатрибут указывает значение параметра.
Относится к
Атрибут valueможно использовать для следующих элементов:
| Элементы | Атрибут |
|---|---|
| <кнопка> | ценность |
| <ввод> | ценность |
| <метр> | ценность |
| <li> | ценность |
| <опция> | ценность |
| <прогресс> | ценность |
| <параметр> | ценность |
Примеры
<кнопка> Пример
Две кнопки с одинаковыми именами, которые при нажатии отправляют разные значения:
<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>
<метр> Пример
Датчик с текущим значением, минимальным, максимальным, высоким и низким сегментами:
<meter min="0" low="40" high="90" max="100" value="95"></meter>
<опция> Пример
Выпадающий список внутри формы 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>
<параметр> Пример
Установите для параметра «autoplay» значение «true», чтобы звук начал воспроизводиться, как только загрузится страница:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Поддержка браузера
Атрибут valueимеет следующую поддержку браузера для каждого элемента:
| 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 |