HTML Атрибут value
Определение и использование value
Для элементов button, input и option атрибут value указывает начальное значение элемента.
Для элементов li, атрибут value задает значение упорядоченного элемента списка. Следующие элементы списка будут увеличиваться с этого числа.
Для элементов progress, выполнения атрибут value указывает, сколько задач было выполнено
Для элементов param, атрибут value указывает значение элемента <param>.
Применение value
Атрибут value может использоваться для следующих элементов:
| Элемент | Атрибут |
|---|---|
| <button> | value |
| <input> | value |
| <li> | value |
| <option> | value |
| <progress> | value |
| <param> | value |
Примеры value
Пример Button
Две кнопки с одинаковыми именами, которые отправляют разные значения при нажатии:
<form action="/action_page.php" method="get">
Выберите свою любимую тему:
<button name="subject" type="submit" value="fav_HTML">HTML</button>
<button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>
Попробуйте сами »
Пример Input
форма HTML с начальными (по умолчанию) значениями:
<form action="/action_page.php">
Имя: <input type="text" name="fname" value="Андрей"><br>
Фамилия: <input type="text" name="lname" value="Щипунов"><br>
<input type="submit" value="Отправить форму">
</form>
Попробуйте сами »
Пример Li
Использование атрибута value в упорядоченном списке:
<ol>
<li value="100">Кофе</li>
<li>Чай</li>
<li>Молоко</li>
<li>Вода</li>
<li>Сок</li>
<li>Пиво</li>
</ol>
Попробуйте сами »
Пример Option
Раскрывающийся список в форме HTML:
<form action="/action_page.php">
<select name="cars">
<option value="вольво">Вольво XC90</option>
<option value="сааб">Сааб 95</option>
<option value="мерседес">Мерседес SLK</option>
<option value="ауди">Ауди TT</option>
</select>
<input type="submit" value="Отправить">
</form>
Попробуйте сами »
Пример Param
Установите параметр "autoplay" к "true", таким образом, звук начнет играть, как только страница загружается:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Попробуйте сами »
Поддержка браузеров value
Атрибут 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 | Да | Да | Да | Да | Да |