Знакомство с формами / Кнопка отправки формы [8/18]
×

Кнопка отправки формы [8/18]

Форма практически готова. Осталось добавить кнопку для отправки формы. Такая кнопка создаётся с помощью тега <input> c типом submit.

Надпись на кнопке можно задать с помощью атрибута value. Для кнопки отправки формы задавать имя необязательно. Но если имя задано, то на сервер будут отправляться имя и значение кнопки.

Обычно имя для кнопки отправки задают, когда в форме несколько кнопок, отвечающих за разные действия. Браузер отправляет на сервер имя и значение только той из них, на которую нажал пользователь. Таким образом, сервер может понять, какую кнопку нажали и что нужно сделать.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Кнопка отправки формы</title> </head> <body> <h1>Форма входа</h1> <form action="https://echo.htmlacademy.ru" method="post"> <label for="login-field">Ваш логин</label> <input type="text" name="login" id="login-field"> <br><br> <label for="password-field">Ваш пароль</label> <input type="password" name="password" id="password-field"> <br><br> <!-- добавьте кнопку сюда --> </form> </body> </html>
CSS
h1 { font-size: 18px; }
HTML Academy
  1. Добавьте кнопку для отправки формы с надписью Войти,
  2. а затем отправьте форму.
Чтобы вернуть содержимое мини-браузера после отправки формы, нажмите кнопку
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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