generated from hexlet-basics/exercises-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
description.ru.yml
36 lines (25 loc) · 2.92 KB
/
description.ru.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
---
name: Формы в HTML
theory: |
При взаимодействии с HTML-документами одно из частых действий — ввод данных в различные поля документа. Например, ввод данных в строку поиска. Именно так вы ищете информацию с помощью поисковых систем (например, Google или Yandex): вводите запрос, он отправляется на сервер (компьютер, на котором расположен сайт), и на выходе вы получаете результат поиска.
Такое взаимодействие осуществляется с помощью форм — набора полей и кнопок действий. Важно помнить, что HTML не умеет обрабатывать данные, которые были отправлены через форму. Для взаимодействия с этими данными нужно использовать языки программирования, которые работают на сервере, например JavaScript или PHP. Основы программирования на этих языках есть в соответствующих разделах на Code Basics:
* [JavaScript](https://ru.code-basics.com/languages/javascript)
* [PHP](https://ru.code-basics.com/languages/php)
Детальнее эти вопросы рассмотрены в профессиях на Hexlet:
* [Профессия Бэкенд JavaScript (node.js)](https://ru.hexlet.io/professions/backend)
* [Профессия PHP-программист](https://ru.hexlet.io/professions/php)
Любая форма начинается с главного тега `<form>`, внутри которого и будут располагаться поля для заполнения и кнопка действия.
```html
<form>
// Внутри формы будут поля для ввода данных и кнопка с действием (отправкой данных)
</form>
```
Основным атрибутом у тега `<form>` является `action` — путь к файлу, где располагается обработчик данных. Именно туда уйдут данные после отправки формы.
```html
<form action="/search">
// Данные, после заполнения, будут отправлены на страницу /search
</form>
```
Если данный атрибут не указан, данные уйдут на ту же страницу, откуда была отправлена форма.
instructions: |
Создайте форму, у которой файл с обработчиком данных лежит по адресу `/people`