Однорядкове текстове поле в HTML (input)

Однорядкове текстове поле, яке створюється за допомогою елемента <input type="text">, є одним із основних елементів HTML, що дозволяє користувачам вводити текстові дані.

Що таке однорядкове текстове поле?

Однорядкове текстове поле - це елемент форми HTML, який надає користувачам можливість вводити і редагувати текст. Цей елемент зазвичай використовується для введення короткої інформації, такої як ім’я, електронна пошта або адреса.

Як створити однорядкове текстове поле?

Для створення однорядкового текстового поля використовується тег <input> з атрибутом type, встановленим у значення text. Ось простий приклад:

<input type="text" name="username" placeholder="Введіть ваше ім'я" />

type="text" визначає, що це текстове поле.
name="username" задає ім’я для поля, яке буде використовуватися для ідентифікації введених даних при відправці форми.
placeholder="Введіть ваше ім'я" показує підказку всередині поля до тих пір, поки користувач не почне вводити текст.

Основні атрибути для текстового поля

value: Встановлює початкове значення поля.
```
<input type="text" value="Початкове значення" />
```
maxlength: Обмежує кількість символів, які можна ввести.
```
<input type="text" maxlength="20" />
```
required: Змушує користувача обов’язково заповнити це поле перед відправкою форми.
```
<input type="text" required />
```
readonly: Поле тільки для читання, користувач не може змінювати його значення.
```
<input type="text" readonly value="Тільки для читання" />
```
disabled: Вимкнене поле, яке не можна ні змінити, ні відправити.
```
<input type="text" disabled value="Вимкнене поле" />
```

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

Форма для реєстрації

<form action="/submit" method="post">
  <label for="username">Ім'я користувача:</label>
  <input type="text" id="username" name="username" required />
  <br />
  <input type="submit" value="Зареєструватися" />
</form>

Поле з підказкою

<input
  type="text"
  name="email"
  placeholder="Введіть вашу електронну пошту"
/>

Однорядкове текстове поле є важливим елементом у створенні форм і взаємодії з користувачами. Його правильне використання забезпечує зручність та інтуїтивність введення даних.

Висновок

Однорядкові текстові поля в HTML (<input type="text">) - це простий і ефективний спосіб отримати текстову інформацію від користувачів. Вони можуть бути налаштовані за допомогою різних атрибутів для задоволення специфічних потреб вашого веб-додатку.