Урок 29 із 104
28%
← Назад

Текст input в HTML

Вивчаємо атрибут value для встановлення початкового тексту в HTML-полях input.

Текст input в HTML

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

Атрибут value

За замовчуванням поле input порожнє. Якщо додати атрибут value, браузер покаже заданий текст всередині поля.

<input 
  type="text" 
  value="Ваш текст"
>
<form>
  <input 
    type="text"
    value="Ім'я користувача"
  >

  <button>
    Відправити
  </button>
</form>

Різниця між value та placeholder

  • value — справжнє значення поля, яке можна відправити разом із формою.
  • placeholder — підказка, яка зникає після введення тексту.
<input 
  type="text"
  value="Andrii"
>

<input
  type="text"
  placeholder="Введіть ім'я"
>
❗ Важливо:

Якщо поле має value, користувач побачить цей текст як готове значення. Якщо використовується placeholder — це лише підказка.

Практичне завдання

📌 Завдання:
  1. №1. Створіть поле input.
  2. №2. За допомогою атрибута value додайте в нього свій текст.
  3. №3. Перевірте, що текст одразу відображається в полі.
<!-- Початковий код -->

<input type="text">
💡 Показати підказку

Додайте атрибут value всередину тегу input і вкажіть потрібний текст у лапках.

✅ Показати відповідь
<input
  type="text"
  value="Мій текст"
>