Знакомство с формами / Первая форма [1/18]
×

Первая форма [1/18]

Формы нужны для того, чтобы отправлять данные с веб-страницы на веб-сервер, который сможет эти данные обработать: зарегистрировать пользователя, создать сообщение на форуме, отправить письмо и так далее. В общем, формы в вебе просто необходимы.

Чтобы создать форму, нужно использовать парный тег <form>, внутри которого размещаются поля формы. У тега <form> есть два важных атрибута:

  • action задаёт адрес, URL, отправки формы;

  • method задаёт метод отправки формы.

Пример:

<form action="https://echo.htmlacademy.ru" method="get">
  поля формы
</form>

Для отправки формы обычно используют методы get или post. Если не указать атрибут method, то будет использован get.

Метод get посылает данные формы в строке запроса, то есть они видны в адресной строке браузера и следуют после знака вопроса. Например:

https://www.google.com/search?q=htmlacademy

Метод get лучше использовать в поисковых формах, потому что он позволяет получить ссылку на результаты поиска и передать её кому-то.

Метод post посылает данные в теле HTTP-запроса и используется, когда нужно отправить много данных и ссылка на результат обработки этих данных не нужна. Например, при редактировании личного профиля.

Всегда было интересно, как работает бэкенд? Попробуйте создать небольшое приложение на базовом интенсиве по PHP.

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Тег form</title> </head> <body> <h1>Форма входа</h1> <!-- Добавьте форму сюда --> </body> </html>
CSS
h1 { font-size: 18px; }
HTML Academy
  1. Добавьте на страницу пустую форму,
  2. затем задайте ей адрес отправки https://echo.htmlacademy.ru
  3. и метод отправки данных — post.

После добавления пустой формы в браузере ничего не отобразится, но мы исправим это в следующем задании.

Теория Проверить Следующее задание
Идёт запись на курс HTML и CSS, уровень 1 #20, который стартует 26 февраля.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.