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

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

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

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

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

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

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

Visual Studio Code

- тэг создания экранной формы, используется с атрибутами:
ACTION - определяет, где находится обработчик формы
METHOD - определяет, каким образом данные из формы будут переданы обработчику
ENCTYPE - определяет, каким образом данные из формы будут закодированы для передачи обработчику
Например,
элементы
Форма — набор элементов графического интерфейса, которые используются для организации диалога пользователя с web-сервером
2. Создание формы средствами языка HTML

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

Атрибутами тэга
являются:
SIZE=k - высота окна в строках
NAME - имя элемента
MULTIPLE
- выбор нескольких элементов
Атрибутами тэга
являются:
VALUE - значение элемента, которое будет передано обработчику под заданным именем.
CHECKED или SELECTED (без значения) - элемент выбран по умолчанию.
- тэг создания ниспадающего меню или списка
определяет элемент - выбор нескольких элементов
Атрибутами тэга
являются:
VALUE - значение элемента, которое будет передано обработчику под заданным именем.
CHECKED или SELECTED (без значения) - элемент выбран по умолчанию.

Атрибутами тэга
являются:<br>COLS - устанавливает ширину окна в символах<br> ROWS -</div></h3></h3><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1184527/slide-12.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Атрибутами тэга являются: COLS - устанавливает ширину окна в символах ROWS -" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1184527/slide-12.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1184527/slide-12.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1184527/slide-12.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1184527/slide-12.jpg 1440w" class="slides-image"><!----><div class="slides-content">устанавливает высоту окна в строках<br>NAME - имя элемента<br>Пример <br><TEXTAREA NAME=address ROWS=5 COLS=50> <br>А здесь - Ваш адрес...<br>
- тэг создания поля для ввода многострочного текста<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide14" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1184527/slide-13.jpg" target="_blank" rel="noopener">Слайд 14</a><h3 class="slides-content text-center font-bold"><div><p><TEXTAREA NAME=address ROWS=5 COLS=50> <br>ФИО Адрес Дата рождения<br> NAME=access VALUE=kursant>
первая
вторая
ИиПС
ИТ
ИС

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

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

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

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