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

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

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

Видеоурок

Для создания формы обратной связи или же формы комментариев необходимо использовать тег «form» и теги «input» внутри него. Сперва поля выглядят одинаково, но при добавлении стилей вы сможете преобразить их на свое усмотрение. 


Ключевым тегом для создания полей является тег input, который не требует закрывающего тега и выглядит следующим образом:

<input type="text">

Для создания разного типа полей необходимо менять значение атрибута «type». Значений для атрибута существует масса и большинство из значений описаны в нашем справочнике здесь.


Создание формы

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


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

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

Загрузка...

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

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

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

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

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

Изучение препроцессора SASS / SCSS
7 уроков
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Создание адаптивного сайта
4 урока
Современная вёрстка адаптивного веб-сайта
Комментарии для сайта Cackle