• Теория
  • Теория

Поле «Имя»

Теперь, когда у нас есть форма, начнём заполнять её.

Каждое поле ввода и подпись к нему будем оборачивать в блок с классом feedback-form-group. Это нужно, чтобы в дальнейшем расположить поля как на макете.

В макете подписи к полям располагаются на отдельной строчке, поэтому мы не будем оборачивать текст подписи и поле внутрь одного тега label. Вместо этого будем подписи и поля располагать рядом друг с другом и связывать их с помощью атрибутов for и id.

Разметим поле для ввода имени. Это простое текстовое поле. Главное придумать для него хорошее имя и идентификатор. Вполне подойдёт fullname.

The Great Keksby
Текстовое поле c именем и подпись

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. Цена 22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Кексби. Формы» тренажёра «Великий Кексби, этап 1» можно после регистрации и оформления подписки.