Лекция 10 по РСОИ для специальности 230401 Информационные системы (по отраслям)
план-конспект занятия по теме

Чипиштанова Дарья Викторовна

Лекция № 10 из Электронного учебника

Скачать:

ВложениеРазмер
Файл lect10.docx15.07 КБ

Предварительный просмотр:

Лекция № 10
Тема: «Формы»

Вопросы темы:
1. Назначение формы в HTML-документе
2. Контейнер размещения формы
3. Поле ввода текста. Поле ввода пароля. Флажки. Радиокнопки. Командные кнопки
4. Многострочная текстовая область. Раскрывающиеся списки. Обработка заполненых форм.

 

     1. Назначение формы в HTML-документе

     Формы были созданы и используются в WWW для получения отклика пользователя на предоставленную информацию и сбора данных о пользователе. После заполнения пользователем формы и запуска процесса ее обработки информация из нее попадает к программе, работающей на сервере. Простота использования тега  в формах позволяет даже владельцам небольших страниц получать отклик от своих читателей. Для обработки большого количества откликов используются программы, поддерживающие Common Gateway Interface (CGI) и расположенные на сервере, в адрес которого поступают отклики. Таким образом, пользователь может интерактивно взаимодействовать с Web-сервером через Internet.
     Форма представляет собой отдельную Интернет-страницу или часть страницы, на которой размещены разнообразные типовые для Windows элементы интерактивного диалога: поля ввода текста, раскрывающиеся списки и одна или несколько кнопок, обычно служащих для очистки формы(приведения в исходный вид в случае неправильного заполнения) и отправки введенных данных (сформированного информационного запроса) на сервер.
     Принцип работы форм следующий: посетитель, зашедший к вам на страничку заполняет форму, а после нажатия определенной кнопки форма берет данные из заполненых полей и отправляет их в назначенное место.

 

     2. Контейнер размещения формы

     Формы размещаются между тегами

. HTML-документ может содержать в себе несколько форм, но они не должны находиться одна внутри другой. Тег
может содержать следующие атрибуты:

 

     3. Поле ввода текста. Поле ввода пароля. Флажки. Радиокнопки. Командные кнопки

     Для внесения информации пользователем в форму используется элемент  Это и есть поля, в которые пользователь вводит информацию. Каждый элемент включает атрибут NAME=имя, определяющий имя данного поля (идентификатор поля). В таблице представлены основные типы, применяемых элементов :




 

     4. Многострочная текстовая область.

Формы могут содержать поля для ввода большого текста

     Атрибут NAME определяет имя, под которым содержимое окна будет передано обработчику. Атрибут
ROWS устанавливает высоту окна в строках. Атрибут COLS устанавливает ширину окна в символах. Текст, размещенный между тегами , представляет собой содержимое окна по умолчанию. Пользователь может его отредактировать или просто стереть.
Кроме всего этого формы могут содержать меню выбора, которое начинается открывающимся тегом
 . Между ними находятся теги VALUE устанавливает значение, которое будет передано обработчику, если выбран этот элемент меню. Тег может включать атрибут selected, показывающий, что данный элемент выбран/отмечен по умолчанию.

 Тег  в виде окна, в котором находятся элементы меню. Высоту окна в строках можно задать атрибутом SIZE=число.

   Обработка заполненных форм
Для обработки заполненных форм пользователем средствами электронной почты можно записать в составе открывающего тега
 в качестве значения параметра ACTION свой адрес электронной почты, а для параметра METOD указать значение POST, и при отправке такой формы вся введенная пользователем информация будет получена в качестве обычного письма e-mail с пристыкованным файлом.


Просмотр презентации. 


По теме: методические разработки, презентации и конспекты

РАБОЧАЯ ПРОГРАММА УЧЕБНОЙ ДИСЦИПЛИНЫ "ПРАВОВОЕ ОБЕСПЕЧЕНИЕ ПРОФЕССИОНАЛЬНОЙ ДЕЯТЕЛЬНОСТИ" для специальности 230401 «Информационные системы (по отраслям)».

 Рабочая программа учебной дисциплины ПРАВОВОЕ ОБЕСПЕЧЕНИЕ ПРОФЕССИОНАЛЬНОЙ ДЕЯТЕЛЬНОСТИ разработана на основе Федерального государственного стандарта среднего профессионального образовани...

Рабочая программа учебной дисциплины ОДБ.06 ХИМИЯ название учебной дисциплины ТЕХНИЧЕСКИЙ ПРОФИЛЬ название профиля 190631 «ТЕХНИЧЕСКОЕ ОБСЛУЖИВАНИЕ И РЕМОНТ АВТОМОБИЛЬНОГО ТРАНСПОРТА» 230401 «ИНФОРМАЦИОННЫЕ СИСТЕМЫ» (ПО ОТРАСЛЯМ) коды и названия сп

Настоящая программа учебной дисциплины ориентирована на реализацию федерального компонента государственного образовательного стандарта (далее -ФГОС) среднего (полного) общего образования Химия  н...

Тест по дисциплине «Основы алгоритмизации и программирования» Раздел: «Программирование на языке СИ/СИ++» специальности 230401 "Информационные системы (по отраслям)"

Тест по дисциплине «Основы алгоритмизации и программирования»  Раздел: «Программирование на языке СИ/СИ++» специальности 230401 "Информационные системы (по отраслям)"...

Комплект контрольно-оценочных средств по учебной дисциплине Объектно-ориентированное программирование основной профессиональной образовательной программы по специальности СПО 230401 Информационные системы (по отраслям)

Комплект контрольно-оценочных средств разработан на основе Федерального государственного образовательного стандарта среднего  профессионального образования по специальности СПО 230401 Инфор...