HTML value Attribute

Определение и использование

Для кнопок, входных и опций элементов, то value атрибута определяет начальное значение элемента.

Для li элементов, то value атрибута задает значение упорядоченного элемента списка. Следующие элементы списка будут увеличиваться из этого числа.

Для элементов прогресса, value атрибута определяет , сколько задачи было завершено.

Для элементов из параметров, то value атрибута указывает значение <param> элемента.

Относится к

type атрибута может быть использовано на следующих элементах:

элементы	Атрибут
<button>	value
<input>	value
<li>	value
<option>	value
<progress>	value
<param>	value

Примеры

Button Пример

Две кнопки с одинаковыми именами, которые представляют различные значения при нажатии:

<form action="demo_form.asp" method="get">
Choose your favorite subject:
<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="demo_form.asp">
First name: <input type="text" name="fname" value="John"><br>
Last name: <input type="text" name="lname" value="Doe"><br>
<input type="submit" value="Submit form">
</form>

Попробуй сам "

Li Пример

Использование value атрибута в упорядоченном списке:

<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>

Попробуй сам "

Пример Вариант

Выпадающий список внутри HTML-формы:

<form action="demo_form.asp">
<select name="cars">
    <option value="volvo">Volvo XC90</option>
    <option value="saab">Saab 95</option>
    <option value="mercedes">Mercedes SLK</option>
    <option value="audi">Audi TT</option>
</select>
<input type="submit" value="Submit">
</form>

Попробуй сам "