Данный материал представляет собой методические указания по выполнению лабораторной работы по теме "Создание форм", который может быть использован при проведении занятий по дисциплине "Web - технологии" по соответствующей теме. Данный материал может быть полезен учителям школ, преподавателям начального профессионального образования и преподавателям средних специальных учебных заведений, преподающих дисциплину "Web - технологии".Лабораторная работа по теме "Создание форм"
Лабораторная работа Формы.docx
Лабораторная работа
Тема: Создание форм
Цель: Научиться создавать различные компоненты форм и научиться управлять формами.
Задание 1. Изучите теоретический материал предложенный ниже.
Ход работы
Основная цель создания форм состоит в получении информации от пользователей. Поля форм
являются теми средствами, с помощью которых пользователи могут вводить свои данные. В
следующих подразделах рассматриваются все типы полей, а также даются рекомендации о том, как их
настраивать для эффективного решения тех или иных задач.
Текстовые поля
Простейшим элементом формы, способным принимать какието данные от пользователя,
является пустое поле. В HTML поля данного типа называются текстовыми. Для определения
текстового поля предусмотрен тег .
Атрибуты тега позволяют настроить параметры определяемого поля формы.
Назначение атрибутов name, id и size очевидно, тогда как атрибут type требует более детального
рассмотрения.
Текстовые области
Тег , будет изначально
отображаться внутри соответствующего текстового поля, и при заполнении формы пользователь при
желании сможет заменить его любой собственной информацией.
Флажки и переключатели
Поля флажков и переключателей очень похожи между собой. В действительности между
ними есть лишь одно отличие: пользователь может выбрать только один элемент в списке
переключателей и более одного элемента в списке флажков.
Что касается переключателей, для них необходимо задавать значение атрибута checked,
определяющего исходное состояние каждого поля. Разумеется, желательно установить изначально
выбранным именно тот переключатель, который используется чаще других.
Раскрывающиеся меню
На примере приведенного далее кода показан способ применения тега
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с
договором-офертой сайта. Вы можете
сообщить о нарушении.
Лабораторная работа Формы.docx
