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>

Попробуйте сами »