САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Спасибо за поддержку, сайт продолжает работать

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

Примеры

Пример 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>
Попробуйте сами »

Пример Progress

Выполняется загрузка:

<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 Да Да Да Да Да