Проектирование и дизайн ИС Практическая работа №6

Практическое занятие №6

Тема: Создание форм

Цель работы: Научиться создавать и применять формы разных видов Приобретаемые умения и навыки: Умение работать с языком программирования HTML

Норма времени: 2 часа.

Оборудование: Компьютер с установленным программным обеспечением и подключенный к Internet

В процессе навигации по сайтам пользователь, в основном, только щёлкает по ссылкам чтобы перемещаться по веб-страницам.

Нопонятно, что пользователю иногда требуется обеспечить собственные поля ввода. Эти виды взаимодействия включают в себя:

• Регистрацию и вход на сайтах;

• Ввод личной информации (имя, адрес, данные кредитной карты и др.);

• Фильтрацию контента (с помощью выпадающих списков, флажков и др.);

• Выполнение поиска;

• Загрузку файлов.

Чтобы приспособиться к этим потребностям, HTML предлагает интерактивные элементы управления формы:

• Текстовые поля (для одной или нескольких строк);

• переключатели;

• флажки;

• выпадающие списки;

• виджеты для загрузки;

• кнопки отправки.

Эти элементы управления задействуют разные теги HTML, но большинство из них использует тег.Поскольку это само закрывающий элемент, тип поля определяется его атрибутом type:

type = "text"