Как сделать input html?

1. Выбираете правильный type: text для обычного текста, email для почты с валидацией формата и специальной клавиатурой на мобильном, password скрывает символы звёздочками, number ограничивает ввод цифрами и добавляет стрелки, tel для телефона тоже даёт цифровую клавиатуру хотя формально не валидирует номер.

2. Добавляете name, без него значение поля вообще не попадёт в данные формы при отправке, это одна из самых частых ошибок у новичков, форма как будто отправляется а нужного значения на сервере нет.

3. Связываете поле с label через пару атрибутов, id у input и for у label с тем же значением, тогда клик по подписи ставит фокус в поле, это критично для удобства на сенсорных экранах, где попасть в маленький чекбокс пальцем без label почти нереально.

4. Добавляете placeholder как подсказку формата, например для даты, но не как замену label, потому что placeholder пропадает при начале ввода и часто недостаточно контрастен для восприятия как полноценный текст подписи.

5. Настраиваете встроенную валидацию через required, min, max, minlength, maxlength, pattern, эти атрибуты покрывают базовые случаи проверки без единой строчки javascript и работают во всех современных браузерах.

6. Для стилизации самого поля используйте border, padding, border-radius как у обычного блока, но помните что у input есть свои платформенные стили по умолчанию, которые иногда придётся сбрасывать через appearance: none, особенно у чекбоксов и радиокнопок при кастомном оформлении.

у меня форма отправлялась пустой, оказалось я id перепутал с name, инпут вообще без name был