Добавляет совет в доку про <form> (doka-guide#2781)

* добавляет совет в статью form * е → ё * Убирает лишний пробел Co-authored-by: Alena Batitskaya <[email protected]> Co-authored-by: Alena Batitskaya <[email protected]>
nigsekor · Feb 17, 2022 · 14bfbd6 · 14bfbd6
1 parent d85ed92
commit 14bfbd6
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/html/form/practice/nlopin.md b/html/form/practice/nlopin.md
@@ -0,0 +1,14 @@
+🛠 Без тега `<form>` форма не будет работать, но это не всё, что нужно для получения данных. Введённые пользователь данные нужно собирать и отправлять на сервер. Уже на сервере с данными что-то будет происходить: будет отправляться письмо на почту или формировать заказ. За обработку и отправку данных отвечают атрибуты `method` и `action`.
+
+Если у тега формы не указывать ни `action`, ни `method`, как в примере ниже, то данные никуда не отправятся, а страница перезагрузится:
+
+```html
+<form>
+  <label>Имя: <input type="text" name="firstName"></label>
+  <button type="submit">Отправить</button>
+</form>
+```
+
+Отправка формы с помощью атрибутов `action` и `method` происходит синхронно — браузер отправляет запрос по адресу и рисует на экран все, что вернётся в ответ. Это приводит к полной перезагрузке страницы.
+
+Можно отправлять формы асинхронно, без перезагрузки страницы, но для этого нужно писать JavaScript код, который будет отправлять запрос, получать ответ и обновлять страницу данными из ответа. Читайте, как делать асинхронные формы в [статье «Работа с формами»](/js/deal-with-forms/) раздела JavaScript.