Summary  
This chapter explains how to apply HTML input attributes—such as placeholder, name, value, required, disabled, readonly, min, and max—to control field behavior and enforce validation rules on user inputs.

General domain of usage  
Web forms

Ви вже знаєте, як використовувати поля введення та мітки. Тепер розглянемо найкорисніші атрибути, які роблять поля введення більш зручними та функціональними.

## Поширені атрибути полів введення

#### Placeholder 
Відображає підказку всередині поля.
```html
<input type="text" placeholder="Enter your email" />
```

#### Name
Ідентифікує поле під час надсилання форми.
```html
<input type="text" name="username" />
```

#### Value 
Встановлює значення за замовчуванням у полі.
```html
<input type="tel" value="+1 (484) 298-9732" />
```

#### Required
Запобігає надсиланню форми, якщо поле порожнє.
```hml
<input type="password" required />
```

#### Disabled
Робить поле недоступним для редагування та взаємодії.
```html
<input type="text" value="New York" disabled />
```


#### Readonly
Відображає значення, яке користувачі можуть копіювати, але не можуть змінювати.
```html
<input type="text" value="USA" readonly />
```

#### Min and Max
Встановлення обмежень для числових полів.
```html
<input type="number" min="21" max="99" />
```


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkF0dHJpYnV0ZXMgZm9yIElucHV0IEVsZW1lbnRzPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxmb3JtIG9uc3VibWl0PSJyZXR1cm4gZmFsc2UiPgogICAgICA8bGFiZWwgZm9yPSJtYWlsIj5FbWFpbDo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0iZW1haWwiIGlkPSJtYWlsIiBuYW1lPSJtYWlsIiBwbGFjZWhvbGRlcj0iRW50ZXIgeW91ciBlbWFpbCIgcmVxdWlyZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0idXNlcm5hbWUiPlVzZXJuYW1lOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBpZD0idXNlcm5hbWUiIG5hbWU9InVzZXJuYW1lIj48YnI+CiAgICAgIAogICAgICA8bGFiZWwgZm9yPSJwaG9uZS1udW1iZXIiPlBob25lIG51bWJlcjo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGVsIiBpZD0icGhvbmUtbnVtYmVyIiBuYW1lPSJwaG9uZS1udW1iZXIiIHZhbHVlPSIrMSAoNDg0KSAyOTgtOTczMiI+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0icGFzc3dvcmQiPlBhc3N3b3JkOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJwYXNzd29yZCIgaWQ9InBhc3N3b3JkIiBuYW1lPSJwYXNzd29yZCIgcmVxdWlyZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0iY2l0eSI+Q2l0eTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImNpdHkiIG5hbWU9ImNpdHkiIHZhbHVlPSJOZXcgWW9yayIgZGlzYWJsZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0iY291bnRyeSI+Q291bnRyeTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImNvdW50cnkiIG5hbWU9ImNvdW50cnkiIHZhbHVlPSJVU0EiIHJlYWRvbmx5Pjxicj4KICAgICAgCiAgICAgIDxsYWJlbCBmb3I9ImFnZSI+QWdlOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJudW1iZXIiIGlkPSJhZ2UiIG5hbWU9ImFnZSIgbWluPSIyMSIgbWF4PSI5OSI+PGJyPgogICAgICAKICAgICAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlNlbmQgRm9ybTwvYnV0dG9uPgogICAgPC9mb3JtPgogIDwvYm9keT4KPC9odG1sPg==

Яка атрибут надає підказку або приклад тексту всередині поля введення, орієнтуючи користувачів щодо очікуваного типу даних?

Який атрибут визначає ім'я поля введення, що використовується для ідентифікації даних при надсиланні форми?

Який атрибут запобігає відправленню форми, якщо обов'язкове поле залишено порожнім?

Створення структурованих веб-сторінок за допомогою HTML. Формування текстового контенту, посилань, списків, зображень, таблиць і форм, організація всіх елементів за допомогою семантичних тегів у повноцінну сторінку.

Атрибути Input у HTML для Розширення Функціональності

Поширені атрибути полів введення

Placeholder

Name

Value

Required

Disabled

Readonly

Min and Max

1. Яка атрибут надає підказку або приклад тексту всередині поля введення, орієнтуючи користувачів щодо очікуваного типу даних?

2. Який атрибут визначає ім'я поля введення, що використовується для ідентифікації даних при надсиланні форми?

3. Який атрибут запобігає відправленню форми, якщо обов'язкове поле залишено порожнім?