Форма <form> собирает данные, введённые пользователем, и отправляет их на сервер. Ключевые атрибуты — это action (куда отправлять) и method (как отправлять).
html
Email
Password
Sign up
Форма <form> собирает данные, введённые пользователем, и отправляет их на сервер. Ключевые атрибуты — это action (куда отправлять) и method (как отправлять).
Email
Password
Sign up
Когда пользователь нажимает кнопку submit (или нажимает Enter), браузер собирает все элементы управления которые имеют name, кодирует их и отправляет запрос на action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name обязателен<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Отправляются только именованные элементы управления. Сервер читает их по их name.
form.addEventListener("submit", (e) => {
e.preventDefault(); // stop the full-page reload to handle it with fetch/AJAX
const data = new FormData(form); // easy way to read all fields
});
Формы — это основной способ, которым пользователи отправляют данные серверам.
Понимание action/method, роль name, семантика GET-и-POST и preventDefault для обработки JS — это фундамент для любого веб-приложения с вводом данных.