Л_2_3 Взаимодействие РНР и html-формы

Содержание

Слайд 2

Способы создания HTML-документов:
Первый способ состоит в разметке создаваемого документа вручную.
Создание с

Способы создания HTML-документов: Первый способ состоит в разметке создаваемого документа вручную. Создание
использованием редактора HTML-кода (программы создания Web - страниц).
Использование среды программирования.

1. Создание html-документов

Слайд 3

Язык разметки гипертекста HTML

HTML (от англ. HyperText Markup Language – язык  гипертекстовой  разметки»)  – стандартизированный 

Язык разметки гипертекста HTML HTML (от англ. HyperText Markup Language – язык
язык разметки документов во  Всемирной паутине.   
Три главных свойства.
Принципиальная невозможность достижения абсолютной точности воспроизведения исходного документа.
Машинно-независимый язык.
Не является языком программирования.

Слайд 4

Основные конструкции языка

Язык HTML состоит из специальных управляющих конструкций – тэгов.

Основные конструкции языка Язык HTML состоит из специальных управляющих конструкций – тэгов.

Например
Выделяют парные и непарные тэги:
Непарные (одинарные) тэги оказывают воздействие на весь документ или определяют разовый эффект в месте своего появления. Непарные теги
или

Парные (двойные) тэги оказывают влияние на часть документа, заключенного между ними. Парные тэги состоят из двух частей: открывающей метки вида <Р> и закрывающего тэга вида (с тем же именем, но с добавлением символа «/» )

Слайд 5

Правила написания разметки HTML

Дополнением к тэгам являются атрибуты – это свойства тега.

Правила написания разметки HTML Дополнением к тэгам являются атрибуты – это свойства

Атрибуты

ITC Вконтакте

атрибуты

Слайд 6

Структура HTML- документа

- так обозначается HTML5

раздел заголовка (ограничивается парным тегом

Структура HTML- документа - так обозначается HTML5 раздел заголовка (ограничивается парным тегом
) – содержит служебную информацию
тело документа (ограничивается парным тэгом ) – определяет видимую часть документа  

Слайд 7

Ознакомиться с настройкой редактора Atom
\\DATA\ИС\Настройка редактора Atom.docx

Ознакомиться с настройкой редактора Atom \\DATA\ИС\Настройка редактора Atom.docx

Слайд 8

Visual Studio Code

Visual Studio Code

Слайд 9

- тэг создания экранной формы, используется с атрибутами:
ACTION - определяет, где

- тэг создания экранной формы, используется с атрибутами: ACTION - определяет, где
находится обработчик формы
METHOD - определяет, каким образом данные из формы будут переданы обработчику
ENCTYPE - определяет, каким образом данные из формы будут закодированы для передачи обработчику

Например,
элементы

Форма — набор элементов графического интерфейса, которые используются для организации диалога пользователя с web-сервером

2. Создание формы средствами языка HTML

Слайд 11

Атрибутами тэга являются:
TYPE= тип элемента (text – текстовое поле, date – поле

Атрибутами тэга являются: TYPE= тип элемента (text – текстовое поле, date –
для ввода даты, password – поле для ввода пароля, checkbox – кнопка-флажок, radio – радио-кнопка, submit - кнопка отправки формы, button – кнопка, reset - кнопка сброса, hidden - скрытый элемент формы)
NAME=имя_элемента
VALUE=значение элемента, которое будет передано обработчику под заданным именем.
MAXLENGTH=N (максимальное количество символов, которое можно ввести)
SIZE=N (количество символов выводимых полем - ширина поля)

— наиболее часто используемый тэг для вставки графических элементов.

Слайд 12

Атрибутами тэга - тэг создания ниспадающего меню или списка

Слайд 13

Атрибутами тэга



ФИО Адрес Дата рождения первая вторая ИиПС ИТ ИС
NAME=access VALUE=kursant>

первая
вторая





Слайд 15

Метод GET - данные из формы присоединяются в конце URL страницы, на которую

Метод GET - данные из формы присоединяются в конце URL страницы, на
посылаются данные (URL в атрибуте action)
Метод POST - посылает данные формы на страницу action как отдельный поток данных, который не появляется в поле адреса браузера, кроме того, можно посылать любое требуемое для обработки формы количество символов

3. Методы передачи данных GET и POST


Слайд 16

Использование HTML-форм для передачи данных на сервер

PHP имеет три типа переменных для

Использование HTML-форм для передачи данных на сервер PHP имеет три типа переменных
работы с формами:
$_GET[] — ассоциативный массив, который содержит все значения, передаваемые в сценарий с помощью метода формы GET.
$_POST[] – ассоциативный массив, который содержит все значения, передаваемые в сценарий с помощью метода формы POST.
$_REQUEST[] – ассоциативный массив, который содержит все значения, передаваемые в сценарий с помощью методов POST и GET.

Слайд 17

$_GET[' ']

$_POST[' ']

$_REUEST[' ']

или

ИЛИ

$_GET[' '] $_POST[' '] $_REUEST[' '] или ИЛИ

Слайд 18

РНР-скипт для вывода введенных данных

echo "Your Name is: " . $_POST["user"];
echo "Your

РНР-скипт для вывода введенных данных echo "Your Name is: " . $_POST["user"];
password is: " . $_POST["access"];
echo "You chose: " . $_POST["server"];
echo "You are: " . $_POST["category"];
echo "Your address is: " . $_POST["adress"];
?>

$_POST [" индекс "]

Имя файла: Л_2_3-Взаимодействие-РНР-и-html-формы.pptx
Количество просмотров: 61
Количество скачиваний: 1