#13 - Створення HTML форм та полів для введення
Відеоурок
Для створення форми зворотного зв'язку або форми коментарів необхідно використовувати тег «form» і теги «input». Спочатку поля виглядають однаково, але при додаванні стилів ви зможете перетворити їх на власний розсуд.
Ключовим тегом для створення полів є тег input, який не вимагає тега, що закриває, і виглядає наступним чином:
<input type="text">Для створення різного типу полів необхідно змінювати значення атрибуту «type». Значень для атрибуту існує маса і більшість значень описані в нашому довіднику .
Створення форми
Тег input не створює форми. Для створення форми або об'єднання кількох «input-тів» потрібно прописати тег form. Про нього можна почитати в нашому довіднику .
Для опису полів існує спеціальний тег label. Він відповідає за написи до конкретного поля. Також ви можете помістити невеликий напис у текстове поле за допомогою атрибута placeholder.
Вихідний код
Весь код буде доступний після підписки на проект!Онлайн редактор коду
Завдання до уроку
Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань
Велике завдання за курсом
Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця
Також варто подивитися
