Элемент | ||||||
<button> | 8+ | 1+ | 6+ | 1+ | 1+ | 1+ |
<input> | 2+ | 1+ | 1+ | 1+ | 1+ | 1+ |
<li> | 2+ | 1+ | 4+ | 1+ | 1+ | 1+ |
<option> | 3+ | 1+ | 4+ | 1+ | 1+ | 1+ |
<progress> | 10+ | 8+ | 11+ | Да | 6+ | 16+ |
<param> | 3+ | 1+ | 4+ | 1+ | 1+ | 1+ |
HTML Атрибут value
Атрибут value (от англ. "value" — «значение») присваивает элементу значение.
Для элементов <button>, <input> и <option>, атрибут value определяет начальное значение элемента.
Для элемента <li> определяет стартовое значение для числового маркера элементов списка. Маркер для последующих элементов списка будет увеличиваться на единицу от данного значения.
Для элемента <progress> определяет, насколько выполнена текущая задача.
Для элемента <param> определяет значение параметра. Атрибут value используется вместе с атрибутом name, чтобы установить параметры для плагина, определенного в элементе <object>.
Синтаксис
<element value="[значение]">
Значения
Любая текстовая строка.
Значение по умолчанию
Нет.
Применяется к тегам
Элементы | Атрибут |
---|---|
<button> | value |
<input> | value |
<li> | value |
<option> | value |
<progress> | value |
<param> | value |
Отличия HTML 4.01 от HTML 5
Нет.
Примеры использования:
Атрибут value (Элемент <button>)
Значение кнопки отправляется на сервер только в том случае, если сама эта кнопка определена как кнопка отправки данных формы.
При использовании элемента <button> в HTML форме Internet Explorer до версии 8 отправляет на сервер текст между тегами <button> и </button>, в то время как остальные браузеры отправляют на сервер значение атрибута value.
Две кнопки с одинаковыми именами, которые при нажатии отправляют разные значения:
Пример HTML:
Попробуй сам<form action="action_form.php" method="get">
Выберите ваш любимый предмет::
<button name="subject" type="submit" value="fav_HTML">HTML</button>
<button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>
Атрибут value (Элемент <input>)
В зависимости от типа элемента атрибут value выступает в следующей роли:
- для типов "button", "reset", "submit" — он определяет текст на кнопке;
- для типов "text", "password", "hidden" — он определяет начальное значение поля ввода;
- для типов "checkbox", "radio", "image" — он определяет значение, ассоциированное с элементом ввода (также это значение, отправляемое на сервер).
Пример HTML:
Попробуй сам<form action="action_form.php">
Имя: <input type="text" name="firstname" value="Иван"><br>
Фамилия: <input type="text" name="lastname" value="Иванов"><br>
<input type="submit" value="Отправить">
</form>
Атрибут value (Элемент <li>)
Атрибут value может иметь только числовое значение и используется только с упорядоченными списками <ol>.
Атрибут value в упорядоченном HTML списке:
Пример HTML:
Попробуй сам<ol>
<li value="100">Кофе</li>
<li>Чай</li>
<li>Молоко</li>
<li>Вода</li>
<li>Сок</li>
<li>Пиво</li>
</ol>
Атрибут value (Элемент <option>)
Выпадающий список внутри HTML формы:
Пример HTML:
Попробуй сам<form action="action_form.php">
<select name="color"> <!--выпадающий список-->
<!--<select name="color" size=3> <!--список с прокруткой-->
<option value="white">Белый</option>
<option value="green">Зеленый</option>
<option value="blue">Синий</option>
<option value="red">Красный</option>
<option value="black">Черный</option>
</select>
<input name="Submit" type='submit' value='Отправить'>
</form>
Атрибут value (Элемент <progress>)
Процесс загрузки:
Атрибут value (Элемент <param>)
В качестве значения данного параметра указывается любое допустимое значение, предназначенное для передачи встраиваемому объекту. (Таким образом, допустимость значений определяется встраиваемым объектом.)
Пример HTML:
Попробуй сам<object data="document.html" type="text/html">
<param name="bgcolor" value="#ffeeaa">
</object>
Поддержка браузерами
Атрибут value имеет следующую поддержку браузерами для каждого элемента:
Спецификации
Спецификация | Статус |
---|---|
HTML 4.01 (W3C) | Рекомендация (value-BUTTON) |
HTML 5 (W3C) | Рекомендация (value-BUTTON) |
HTML 5.1 (W3C) | Рекомендация (value-BUTTON) |
Учебник HTML
HTML уроки: HTML Атрибуты