Знакомство с формами / Текстовое поле ввода [2/18]
×

Текстовое поле ввода [2/18]

Большинство полей форм создаётся с помощью одиночного тега input. У этого тега два обязательных атрибута:

  • type задаёт тип поля;

  • name задаёт имя поля.

Тип поля влияет на то, как оно будет отображаться и вести себя. Самый распространённый тип — это text, который обозначает текстовое поле. Он же используется по умолчанию. Пример:

<form action="https://echo.htmlacademy.ru" method="get">
  <input type="text" name="search">
</form>

Имя поля нужно, чтобы правильно обработать данные на сервере. Обычно, имя поля должно быть уникальным в пределах формы, хотя есть исключения. Для задания имени поля используют латинские буквы и цифры.


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

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

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

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

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