HTML-форма — интерактивный элемент веб-страницы для сбора данных пользователя. Она состоит из элементов управления (поля ввода, кнопки отправки, флажки, переключатели и т.д.), заключенных в тег <form>.
При отправке формы данные собираются из всех элементов управления внутри тега <form> и отправляются на указанный серверный адрес.
Ключевые атрибуты тега <form>:
action: URL-адрес, на который будут отправлены данные формы.method: HTTP-метод, используемый для отправки данных (GET или POST).
GET: Данные добавляются к URL в виде параметров запроса. Видны в адресной строке. Подходят для запросов данных (например, поиска). Ограниченная длина.POST: Данные отправляются в теле HTTP-запроса. Не видны в адресной строке. Подходят для отправки конфиденциальных данных или больших объемов.Необходимые компоненты для отправки формы:
<form>: Обертка для элементов формы.<input>), текстовые области (<textarea>), раскрывающиеся списки (<select>) и т.д., каждый из которых имеет атрибут name (для идентификации данных при отправке) и value (значение, которое будет отправлено).<button type="submit"> или <input type="submit">. Инициирует процесс отправки данных.action и method: Определяют, куда и как будут отправлены данные.req.body для POST) или параметров URL (req.query для GET).Пример простой формы:
htmlПример обработки в Node.js (с Express):
javascript