Тег <input>
Тег <input> створює поле введення. Конкретна поведінка залежить від атрибута type — текст, число, чекбокс, файл тощо.
Syntax
<input type="text" name="username" value="">Attributes
| type | text, email, password, number, checkbox, radio, file, date, tel і інші — визначає поведінку та вбудовану валідацію. |
| name | Ключ, під яким значення потрапляє в дані форми. |
| value | Початкове значення (або поточний стан для checkbox/radio при checked). |
| required / pattern / min / max / maxlength | Вбудована HTML5-валідація без JavaScript. |
| placeholder | Підказка всередині поля, зникає при введенні. НЕ замінює label. |
Example
<label for="qty">Кількість</label>
<input type="number" id="qty" name="qty" min="1" max="10" value="1">
Notes
- placeholder не є заміною для label — він зникає при фокусі/введенні і не читається так само надійно screen-читачами.
- input не має закриваючого тегу (void element).
Accessibility
- Завжди пов'язуйте input з label через атрибути for/id, а не лише placeholder.