#13 – Создание HTML форм и полей для ввода

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

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

<input type="text">

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

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

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

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