Как сделать форма html?

у меня форма не отправлялась, забыл name у инпута, час дебажил js хотя дело было в html

лейблы это не для красоты, реально помогает на телефоне попадать в чекбоксы

я вообще формы через div с js делаю, зачем эти древние теги, работает же

Форма это тег form с атрибутами action и method, внутри него поля через input, textarea, select, каждое со своим name, по которому данные потом уходят на сервер. Обязательно оборачивайте поле в label или связывайте их через атрибуты for и id, иначе клик по подписи не будет фокусировать поле, а это и удобство, и доступность одновременно.

Вывод: делай форму на честных html элементах, а не на div с onclick, css потом накрутишь сколько угодно.

Причина первая: form с атрибутом action и method умеет отправлять данные без единой строчки js, это база, которую многие пропускают, сразу хватаясь за fetch. Даже если потом форму перехватит js, нативное поведение остаётся страховкой.

Причина вторая: каждый input должен иметь name, иначе сервер вообще не получит это поле, значение будет просто потеряно при отправке, и никакая красивая вёрстка это не исправит.

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

Причина четвёртая: используй правильные type для input. type=email включает валидацию и другую клавиатуру на мобильном, type=tel тоже даёт цифровую клавиатуру, а type=password скрывает символы, всё это бесплатно от браузера, если тип указан верно.

Причина пятая: required и другие встроенные атрибуты валидации работают без единой строчки js и покрывают базовые случаи, вроде обязательного поля или проверки формата email, css можно докрутить состояние :invalid для подсветки ошибок красным.

Причина шестая: кнопка отправки лучше делать через button type=submit внутри самой формы, а не через отдельный js-обработчик на произвольном элементе где-то снаружи, тогда форма отправляется и по клику, и по Enter в поле, без дополнительного кода.