Лабораторные работы / ЛР2 Разметка форм
.docxЛабораторная работа 2 Разметка форм
Цель: получить навыки разметки форм с учетом требований доступности.
Задание: разметить форму для записи на сеанс. При разметке учитывать требования по доступности.
Предварительная подготовка: перед выполнением лабораторной работы рекомендуется пройти главы курсов:
Формы, часть 1
Формы, часть 2
Начнем
с
разметки
формы
для
записи
на
сеанс.Добавим тег form с классом appointment-form. В атрибуте action установите заглушку #, метод post.
Добавим поля для ввода даты, времени, имени и ввода телефона. Обязательно указываем атрибуты type, name и placeholder. Атрибут value оставьте пустым.
Добавим описание к полям для ввода. Для этого используем тег
label.
Объединим поле ввода и описание этого поля с помощью тега p с классом appointment-item.
Добавим кнопку для отправки данных на сервер. Используем тег button с классом button и типом submit.
Форма для записи на сеанс готова.
Задание:
самостоятельно
разметить форму
входа в
личный кабинет.
Предварительная подготовка к лабораторной работе 3.
Основы CSS. Селекторы, часть 2 Оформление текста. Часть 2
Декоративные эффекты. Рамки и фоны, часть 2 Декоративные эффекты. Игра теней