Справочники

HTML Элементы HTML Атрибуты Глобальные Атрибуты HTML События HTML MIME-типы HTML Коды языков HTMLТаблица цветов HTML ASCII HTML ISO-8859-1 HTML Windows-1251 HTML UTF-8 кирилица HTML URL для UTF-8 HTML URL для ISO-8859


 


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>)

Процесс загрузки:

Пример HTML:

Попробуй сам
<progress value="25" max="100"></progress>

Атрибут value (Элемент <param>)

В качестве значения данного параметра указывается любое допустимое значение, предназначенное для передачи встраиваемому объекту. (Таким образом, допустимость значений определяется встраиваемым объектом.)

Пример HTML:

Попробуй сам
<object data="document.html" type="text/html">
<param name="bgcolor" value="#ffeeaa">
</object>

Поддержка браузерами

Атрибут value имеет следующую поддержку браузерами для каждого элемента:

Элемент
<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 4.01 (W3C) Рекомендация (value-BUTTON)
HTML 5 (W3C) Рекомендация (value-BUTTON)
HTML 5.1 (W3C) Рекомендация (value-BUTTON)

Учебник HTML

HTML уроки: HTML Атрибуты