value HTML атрибут - початкове або поточне значення

Атрибут value визначає початкове або поточне значення елемента, його значення та поведінка залежать від елемента, до якого він застосовується.

Атрибут value використовується з елементами <input>, <option>, <li>, <progress>, <meter>, <button>, <param> та <output>.

HTML
<input type="text" value="Початкове значення">

Значення

Значення атрибута залежить від елемента:

Для <input>

Визначає початкове значення поля введення. Для type="button", "reset", "submit" — текст на кнопці. Для "checkbox", "radio", "image" — значення, що надсилається при відправці форми.

Для <option>

Значення, яке надсилається на сервер при виборі опції.

Для <li>

Встановлює числове значення для елемента списку в упорядкованому списку (<ol>).

Для <progress>

Поточний прогрес виконання завдання.

Для <meter>

Поточне виміряне значення в діапазоні.

Для <button>

Значення, повʼязане з кнопкою для відправки форми.

Приклади використання

Результат
<form action="/submit" method="post">
  <label for="username">Ім’я користувача:</label>
  <input type="text" id="username" name="username" value="Іван"><br><br>

  <label for="fruit">Виберіть фрукт:</label>
  <select id="fruit" name="fruit">
    <option value="apple">Яблуко</option>
    <option value="banana" selected>Банан</option>
    <option value="orange">Апельсин</option>
  </select><br><br>

  <ol>
    <li>Перший пункт</li>
    <li value="5">Пʼятий пункт</li>
    <li>Шостий пункт</li>
  </ol><br>

  <label for="progress">Прогрес завантаження:</label>
  <progress id="progress" value="75" max="100">75%</progress><br><br>

  <label for="temperature">Температура:</label>
  <meter id="temperature" value="25" min="0" max="50" low="10" high="30" optimum="20">25°C</meter><br><br>

  <button type="submit" value="submit_form">Надіслати форму</button>
</form>

Підтримка браузерів

value

Останнє оновлення: