Тег <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 — он исчезает при фокусе/вводе и не считывается так же надёжно скринридерами.
- input не имеет закрывающего тега (void element).
Accessibility
- Всегда связывайте input с label через атрибуты for/id, а не только placeholder.