#14 - Формы для ввода информации

#14 - Формы для ввода информации

Чтобы получать различные сведения от пользователя нам необходимо добавлять различные формы для ввода информации. В уроке мы научимся работать с полями, которые принимают разные типы значений от пользователей.

Видеоурок

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

<input type="text">
Для создания других полей, которые отличаются от просто ввода текста вам потребуется менять значение атрибута type. Поскольку таких полей существует большое количество, то описывать их всех здесь мы не будем, так как вы можете почитать об этом в нашем справочнике здесь.

Тем не менее, сам тег input не создает какую-либо форму. Для создания формы или же объединения нескольких input-тов вам потребуется прописать тег form. О нем дополнительно также можно почитать в нашем справочнике здесь.

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

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Создание адаптивного сайта
4 урока
Изучение ASP.NET Core MVC. Создание сайтов на C#
8 уроков
Верстка сайта на HTML5 и CSS3
13 уроков
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Современная вёрстка адаптивного веб-сайта
Изучение препроцессора SASS / SCSS
7 уроков