Лекция 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 с пристыкованным файлом.


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


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

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

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

Календарно-тематическое планирование по дисциплине "Английский язык" для специальности 230401 "Информационные системы"

Календарно-тематическое планирование по дисциплине "Английский язык" для специальности 230401 "информационные системы" для 4 курса....

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

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

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

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