Презентация, доклад на тему Работа с формами, методы GET и POST

Содержание

Работа с формами, методы GET и POSTТема урока:

Слайд 1Вам наверно, не раз встречались всевозможные тесты, опросы, голосования. Для того,

чтобы все это сделать на своих web-страницах и нужны формы.
Вам наверно, не раз встречались всевозможные тесты, опросы, голосования. Для того, чтобы все это сделать на своих

Слайд 3Работа с формами,
методы GET и POST
Тема урока:

Работа с формами, методы GET и POSTТема урока:

Слайд 4Сформировать навыки
Применения форм и отправки запросов на сайте
Цель урока:

Сформировать навыкиПрименения форм и отправки запросов на сайтеЦель урока:

Слайд 5Ключевые понятия
Текстовые поля;
Флажки;
Переключатели;
Кнопки
GET
POST

Ключевые понятияТекстовые поля;Флажки;Переключатели;Кнопки GET POST

Слайд 6Ситуация
На сайте предложили добавить страницу для регистрации пользователей/посетителей

СитуацияНа сайте предложили добавить страницу для регистрации пользователей/посетителей

Слайд 7ПЛАН
Текстовые поля;
Флажки;
Переключатели;
Кнопки подтверждения;
Метод GET и POST.

ПЛАНТекстовые поля;Флажки;Переключатели;Кнопки подтверждения;Метод GET и POST.

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

перемещаться по веб-страницам.

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

регистрацию и вход на сайтах;
ввод личной информации (имя, адрес, данные кредитной карты и др.);
фильтрацию контента (с помощью выпадающих списков, флажков и др.);
выполнение поиска;
загрузку файлов.

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

Слайд 9Тег используется для создания HTML формы:
. элементы ввода .

Тег используется для создания HTML формы: . элементы ввода .

Слайд 10HTML Формы - Элемент Ввода
Элемент ввода используется для ввода пользовательской информации.
Элемент

ввода может меняться различными способами, в зависимости от атрибута type.

Элемент ввода может иметь тип:
текстовое поле
флажок
пароль
переключатель
кнопка подтверждения и др.

HTML Формы - Элемент ВводаЭлемент ввода используется для ввода пользовательской информации.Элемент ввода может меняться различными способами, в

Слайд 11Текстовые Поля
определяет однострочное текстовое поле ввода, в которое

пользователь может вводить текстовую информацию:


Имя:

Фамилия:

Текстовые Поля определяет однострочное текстовое поле ввода, в которое пользователь может вводить текстовую информацию:Имя: Фамилия:

Слайд 12Поле Ввода Пароля
определяет поле ввода пароля:



Пароль:

name="pwd" />

Поле Ввода Пароля определяет поле ввода пароля:Пароль:

Слайд 13Переключатели
определяет радио кнопку. Радио кнопки позволяют пользователю выбирать

ТОЛЬКО ОДИН из ограниченного числа вариантов:


Мужской

Женский

Переключатели определяет радио кнопку. Радио кнопки позволяют пользователю выбирать ТОЛЬКО ОДИН из ограниченного числа вариантов: Мужской Женский

Слайд 14Флажки
определяет флажок. Флажки позволяют пользователю выбрать ОДНУ или

БОЛЕЕ опций из ограниченного числа вариантов.


У меня есть мотоцикл

У меня есть автомобиль

Флажки определяет флажок. Флажки позволяют пользователю выбрать ОДНУ или БОЛЕЕ опций из ограниченного числа вариантов. У меня

Слайд 15Кнопка Подтверждения/Отправки
определяет кнопку подтверждения (отправки).

Кнопка подтверждения используется для

отправки данных на сервер. Данные отправляются на страницу указанную в атрибуте формы action. Файл указанный в атрибуте action обычно делает что либо с полученными данными:

Имя пользователя:

Кнопка Подтверждения/Отправки определяет кнопку подтверждения (отправки).Кнопка подтверждения используется для отправки данных на сервер. Данные отправляются на страницу

Слайд 16Вопросы для закрепления
Определяет форму для ввода пользовательских данных
Определяет элемент ввода
Определяет многострочную

текстовую область ввода
Определяет метку (подпись) для элемента ввода
Определяет границу вокруг элементов ввода формы
Определяет заголовок для элемента группировки fieldset
Определяет список выбора (раскрывающийся список)
Определяет группу связанных опций в списке выбора
Определяет опцию в списке выбора
Вопросы для закрепленияОпределяет форму для ввода пользовательских данныхОпределяет элемент вводаОпределяет многострочную текстовую область вводаОпределяет метку (подпись) для

Слайд 17Дом. Задание
Посетитель запрашивает веб-страницу, указывая в браузере ее адрес (URL).
Веб-сервер

(Apache в нашем случае) определяет, что запрашивается PHP-файл и запускает его интерпретатор.
Скрипт PHP обращается к MySQL и запрашивает требуемую информацию.
База данных MySQL возвращает результат запроса обратно в программу PHP.

ПЛАН

Тема: Подключение к серверу
Базы данных MySQL

http://phys.bspu.unibel.by/static/lib/inf/int/htmlbook/pr_209.html

Дом. Задание Посетитель запрашивает веб-страницу, указывая в браузере ее адрес (URL).Веб-сервер (Apache в нашем случае) определяет, что

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть