Главная
Tele2
Пример обработки большой формы html в php. Создание HTML форм

Пример обработки большой формы html в php. Создание HTML форм

12.07.2019

В этом уроке PHP рассматриваются базовые понятия языка: обработка форм с отправкой запроса в веб-страницы, основные управляющие конструкции php при обработке форм, запись данных из формы PHP в файл, функция даты в PHP date().

1. Напомним, что все файлы php тестируются только при запущенном Денвере и только из адресной строки браузера. Запускать файлы php двойным щелчком нельзя!

2. Запустите Денвер.

Упражнение 1. Обработка простой формы

В данном уроке PHP рассмотрим обработку формы на HTML-странице, создание переменных PHP для полей формы.

1. Создайте форму, как на рис. 3.1. Подразумевается, что при нажатии на кнопку Отправить заказ данные из формы будут переданы администратору, а клиент на экране увидит ответ Заказ обработан . Если Вы затрудняетесь в написании формы, тогда реализуйте код, приведенный ниже рисунка, и сохраните его в папке php_2 под именем forma_bob.html Напоминаем, что адрес обработчика формы записывается в атрибуте action тега form .

Рисунок 3.1

2. Для того, чтобы пользователь получил ответ после отправки данных, необходимо создать обработчик формы на языке php. Создайте код, приведенный ниже, и сохраните его в папке php_2 под именем zakaz.php

3. Проверьте работоспособность обработчика. Для этого запустите файл forma_bob.html через браузер, набрав в адресной строке браузера адрес http://localhost/php_2/forma_bob.html

4. В поля формы введите любые цифры и нажмите кнопку Отправить заказ . Результат на рис. 3.2.

Рисунок 3.2

Переменные формы

Весь смысл использования формы заказа заключается в получении информации о заказе клиента, которую он ввел с клавиатуры. Внутри PHP-сценария к каждому из полей формы можно получить доступ как к переменной, имеющей то же имя, что и у поля формы. В языке PHP переменные легко распознать, так как они начинаются со знака доллара $ .

Вы можете получить доступ к содержимому поля tireqty следующими способами:

$tireqty //короткий стиль

$_POST[‘tireqty’] //средний стиль

$HTTP_POST_VARS[‘tireqty’] //длинный стиль

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

Копируя содержимое одной переменной в другую, мы применяем операцию присваивания, для обозначения которой в языке PHP используется знак равенства (= ). Приводимая ниже строка кода создает новую переменную с именем $tireqty и переносит содержимое $_POST[‘tireqty’] в эту новую переменную:

$tireqty=$_POST[‘tireqty’]

Так как этот сценарий не генерирует никаких выходных данных, нет никакой разницы, будет он помещен выше или ниже дескриптора . Обычно этот блок размещается в начале сценария.

5. В файле zakaz.php измените код следующим образом и проверьте работоспособность формы. Результат на рис. 3.3. Цифры могут отличаться в зависимости от того, какие данные Вы ввели.

Рисунок 3.3

Упражнение 2. Создание калькулятора для формы «Автозапчасти от Боба»

В этом уроке PHP рассмотрим основные арифметические функции PHP для расчетов.

1. Файл forma_bob.html сохраните под именем forma_bob_2.html

2. Файл zakaz.php сохраните под именем zakaz_2.php

3. В файле forma_bob_2.html форму «Автозапчасти от Боба» измените так, чтобы она имела вид, как на рис. 3.4. Не забудьте изменить имя обработчика на zakaz_2.php . Если затрудняетесь, то можете реализовать код, приведенный ниже.

Рисунок 3.4

4. Создайте новую обработку для формы в файле zakaz_2.php , используя знания, полученные из предыдущих уроков. Обработка должна содержать следующие выходные данные и условия:

1. Стоимость каждого товара определяется константой. Константа на PHP задается функцией define. Пример define("POKRPRICE",10); Первый параметр функции - это имя константы, которое пишется прописными буквами, второй параметр - значение константы.

2. Логическая операция ИЛИ обозначается ||

3. Логическая операция И обозначается && .

4. Операции сравнения: больше > , меньше < , больше или равно >= , меньше или равно <=

5. Функция, которая считывает время с компьютера date("H:i, j F")

6. Функция, которая форматирует количество знаков после запятой number_format . Пример number_format($sumnalog,2) . Первый параметр - переменная, у которой форматируем знаки, второй параметр - количество знаков после запятой.

7. Если Вы затрудняетесь с созданием обработки формы, может воспользоваться кодом, приведенным ниже (рис. 3.8):

Рисунок 3.8

Упражнение 3. Запись данных из формы в текстовый файл

В нашем уроке PHP также рассматриваем запись данных из формы в текстовый файл и функцию даты date() при обработке формы.

1. В файле-обработчике формы «Автозапчасти об Боба» после последней закрывающей фигурной скобки добавьте код.

Рисунок 3.9

2. Проверьте работу программы. Текстовый файл orders.txt создается автоматически, просмотрите его содержимое.

КОНТРОЛЬНОЕ ЗАДАНИЕ

После изучения данного урока PHP предлагается выполнить контрольное задание для закрепления полученных знаний.

Рисунок 3.10

1. Создать форму, как на рис. 3.10.

2. Создать обработку формы, которая будет выводить результаты заказа, как на рис. 3.11 (результаты будут отличаться в зависимости от введенных в форму данных.

3. Результаты заказа должны записываться в отдельный текстовый файл.

Список заказа должен отражать следующее:

Вид товара.
Стоимость 1 шт. товара.
Количество заказанных товаров.
Общую стоимость заказа без доставки, налога на продажи и скидок.
Стоимость доставки.
Величину налога с продажи.
Скидку в процентах и рублях.
Стоимость заказа с учетом доставки, налога с продаж и скидки.
Адрес доставки.

Условия задачи:

Стоимость товаров:
- ручки - 10 руб.
- книги - 100 руб.
- сувенира - 1000 руб.
- компьютера - 10000 руб.
Налог с продаж - 18%. Налог прибавляется к общей стоимости всех товаров с учетом скидки.
Стоимость доставки - 500 руб. Стоимость доставки прибавляется к общей стоимости всех товаров в учетом скидки и налога с продаж.
Скидки:
- При заказе ручек или книг меньше 5 шт. скидка - 5%, от 5 до 10 шт. - 10%, выше 10 шт. - 20%;
- При заказе сувениров или компьютеров от 10 до 20 шт. скидка - 10%, от 20 до 30 шт. - 20%, выше 30 шт. - 40%.

Сегодня будем работать над созданием красивой HTML формы обратной связи для сайта, работающей на PHP и имеющею встроенную защиту от спама. Никаких особых знаний вам не потребуется, достаточно будет основ html и элементарной логики. Я дам готовые файлы, которые вы сможете вставить на сайт без изменений или скорректировать под свои нужды.

Недавно я делал статью о том, как сделать с помощью плагина Contact Form 7. Также просто можно сделать форму обратной связи на Joomla и других популярных CMS.

Но, что делать сайтам, которые не используют популярные CMS? – Остается делать все руками.

Кроме того, использование обратной связи без плагинов возможно и для WordPress. Лишние плагины создают немалую нагрузку на сервера и отказ от них позволяет ускорить работу сайта.

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

Принцип работы формы обратной связи на html

Наша форма будет иметь 5 полей для ввода данных – имя, электронный адрес, телефон, адрес сайта, текст сообщения (вы сможете удалить или изменить их самостоятельно).

Все поля, кроме адреса веб сайта будут обязательны для заполнения (это вы тоже сможете настроить самостоятельно).

Для полей с email адресом и сайтом будет проводиться обязательная проверка правильности ввода данных.

Конечная форма связи будет иметь вот такой вид:

Для работы контактной формы, созданной на html, требуется 3 элемента.

Первый отвечает за структуру самой формы, за тип и количество полей ввода данных. Это обычный html код.

Второй отвечает за обработку данных, которые пользователь вводит в поля формы. Он определяет, что, куда и в каком виде пересылать, после того, как будет нажата кнопка отправки сообщения. Для реализации используется специальный PHP скрипт.

Третий отвечает за внешний вид. Устанавливает размеры и расположение полей ввода данных, добавляет различные цвета и эффекты. Это все задается CSS стилями.

Демо версия формы

Настройку каждого из этих элементов мы с вами разберем по шагам.

Создание HTML макета

Чтобы не делать статью слишком длинной и не добавлять отдельно каждый элемент, я приведу полный html код, а ниже опишу каждый блок и возможные изменения.

Для обозначения форм в html используется тег

, внутри которого заполняются необходимые параметры.

Начнем с первой строки.

class=”contact_form” – указываем класс, для того, чтобы в будущем задать CSS стили.

action=”contact-form.php” – указываем название файла со скриптом, который будет обрабатывать данные формы и осуществлять отправку сообщения. Если файл лежит в той же папке, что и страница с формой, то достаточно указать только название файла, если в другой, то нужно будет указать и путь к файлу.

Дальше идут 4 блока

Отвечающих за вывод полей для ввода данных, по названиям понятно, какой за что отвечает. Сами поля выводятся с помощью тегов , внутри которого задаются следующие характеристики:

Type – отвечает за тип вводимых данных, text – обычный текст, email – электронный адрес, такие поля автоматически проверяются на правильность (должна присутствовать @), tel – телефон, url – адрес сайта.

Name – собственное название самого элемента, оно необходимо, что скрипт знал как использовать данные каждого поля. Если вы сделаете несколько полей одного типа, то вам необходимо каждому полю присвоить свое name.

Placeholder – это подсказка, находящаяся внутри поля, текст, замещающий пустое поле элемента. Ее можно изменить или удалить, на работу формы она не влияет.

Required – этот параметр указывает на то, что поле обязательно для заполнения. Вы можете самостоятельно решить, какие элементы обязательны, а какие нет.

pattern=”(http|https)://.+” – эта конструкция служит для проверки корректности поля веб сайт, указывает на то, что адрес обязательно должен содержать http://текст или https://текст , в противном случае будет ошибка.

Для некоторых полей задана всплывающая подсказка, которая появляется при выборе элемента. Ее задет , где form_hint является классом элемента (его свойства прописываются в CSS). Текст во всплывающей подсказке для каждого поля контактной формы можно задать любой. Если такая фишка вам не нужна – просто удалите весь тег .

Поля для ввода самого сообщения размечается тегом , в котором cols задает количество символов поля в ширину, а rows число строк.</p><p><b>Защита от спама </b> – невидимое поле с именем name=bezspama. У него стоит стиль display:none – это значит поле невидимо людям, но боты его будут заполнять на автомате.</p><p>И завершающий элемент любой формы – кнопка отправки сообщения, она задается тегом <button> </button>, имеющим свой класс для настройки внешнего вида и тип “submit”.</p><p>Для добавления или удаления полей, достаточно убрать ненужные или вставить новые по аналогии с существующими, прописав для них все свойства и имена.</p><h2>Оформление CSS стилями</h2><p>Если вы посмотрите в браузере на то, что получилось, то увидите нечто корявое и непривлекательное. Для того, чтобы у нас получилась красивая форма обратной связи, придется поработать над ее стилями (html будет недостаточно).</p><p>Если вы владеете CSS, то задать оформление для всех элементов формы сможете без проблем, тут даже не потребуется моя помощь.</p><p>Если же вы не знакомы со стилями, то я просто дам вам готовый файл, в котором уже все прописано таким образом, что ваша форма будет идентична той, что в примере.</p><p>Подключить стили можно двумя способами:</p><ol><li>Скопировать содержимое файла в файл style.css, который уже есть на вашем сайте (добавьте в самый конец)</li><li>Поместить файл, который я дал, на ваш хостинг и подключить его.</li> </ol><p>Подключаются файлы стилей следующим кодом <link rel=”stylesheet” media=”screen” href=”styles.css” >, размещаемым внутри <head></head>. Если файл со стилями (styles.css) находится не в одной папке с html страницей, то пропишите полный путь до него.</p><p>В файле со стилями, который я дал, каждый элемент подписан, поэтому, вы можете вносить в него любые изменения – менять цвета, размеры, форму, эффекты. Владея самыми базовыми знаниями, вы сможете легко его править.</p><h2>Настройка PHP кода (добавлена защита от спама)</h2><p>Как и в случае со стилями, я дам вам готовый код, обрабатывающий <a href="/megaphone/html-formy-html-formy/">HTML форму</a> обратной связи и защищающий от спама. Этот файл адаптирован для конкретной конфигурации и, если вы захотите задать новые поля или удалить существующие, в него придется вносить изменения. Поэтому, я расскажу вам, как он работает, чтобы вы поняли, что нужно менять.</p><blockquote><p>Для сайтов, использующих кодировку windows-1251 и версию php 5.4+, в код нужно будет внести дополнение, связанное с функцией htmlspecialchars. Покажу его ниже. Иначе, вместо кириллицы будут приходить пустые поля.</p> </blockquote><p>Помните, в свойствах формы (в html файле) мы указывали параметр action=”contact-form.php”. Вам нужно создать файл с названием contact-form.php и поместить в него находящийся ниже код.</p><p><?php /* Задаем переменные */ $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $tel = htmlspecialchars($_POST["tel"]); $website = htmlspecialchars($_POST["website"]); $message = htmlspecialchars($_POST["message"]); $bezspama = htmlspecialchars($_POST["bezspama"]); /* Ваш адрес и тема сообщения */ $address = "pochta@kakoy-to-sajt.com"; $sub = "Сообщение с сайта ХХХ"; /* Формат письма */ $mes = "Сообщение с сайта ХХХ.\n Имя отправителя: $name Электронный адрес отправителя: $email Телефон отправителя: $tel Сайт отправителя: $website Текст сообщения: $message"; if (empty($bezspama)) /* Оценка поля bezspama - должно быть пустым*/ { /* Отправляем сообщение, используя mail() функцию */ $from = "From: $name <$email> \r\n Reply-To: $email \r\n"; if (mail($address, $sub, $mes, $from)) { header("Refresh: 5; URL=https://сайт"); echo "<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body></body>";} else { header("Refresh: 5; URL=https://сайт"); echo "<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body></body>";} } exit; /* Выход без сообщения, если поле bezspama заполнено спам ботами */ ?></p><table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td><td class="crayon-code"><p><?php </p><p>/* Задаем переменные */ </p><p>$name = htmlspecialchars ($_POST [ "name" ] ) ; </p><p>$email = htmlspecialchars ($_POST [ "email" ] ) ; </p><p>$tel = htmlspecialchars ($_POST [ "tel" ] ) ; </p><p>$website = htmlspecialchars ($_POST [ "website" ] ) ; </p><p>$message = htmlspecialchars ($_POST [ "message" ] ) ; </p><p>$bezspama = htmlspecialchars ($_POST [ "bezspama" ] ) ; </p><p>/* Ваш адрес и тема сообщения */ </p><p>$sub = <span>"Сообщение с сайта ХХХ" </span>; </p><p>/* Формат письма */ </p><p>$mes = <span>"Сообщение с сайта ХХХ.\n </p><p>Имя отправителя: $name </p><p>Электронный адрес отправителя: $email </p><p>Телефон отправителя: $tel </p><p>Сайт отправителя: $website </p><p>Текст сообщения: </p><p>$message" ; </p><p>if (empty ($bezspama ) ) <span>/* Оценка поля bezspama - должно быть пустым*/ </p><p>/* Отправляем сообщение, используя mail() функцию */ </p><p>$from = <span>"From: $name <$email> \r\n Reply-To: $email \r\n" </span>; </p><p>if (mail ($address , $sub , $mes , $from ) ) { </p><p>header () ; </p><p>echo "<head> </p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> </p><p> <body>Письмо отправлено, через 5 секунд вы вернетесь на страницу XXX</body>" </span>; } </p><p>else { </p><p>header (<span>"Refresh: 5; URL=https://сайт" </span>) ; </p><p>echo "<head> </p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> </p><p> <body>Письмо не отправлено, через 5 секунд вы вернетесь на страницу YYY</body>" </span>; } </p><p>exit ; <span>/* Выход без сообщения, если поле bezspama заполнено спам ботами */ </p> </td> </tr></table><p>Первым делом нам необходимо задать переменные, которые будут обрабатываться php кодом. Для того, чтобы не запутаться, присваиваем им такие же имена, как были в самой форме, только начинаются все переменные со знака $. Сама команда присвоения значения имеет такой вид:</p><p>$название = htmlspecialchars($_POST["название"]);</p><table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td><td class="crayon-code"><p>$ название= htmlspecialchars ($ _POST [ "название" ] ) ; </p> </td> </tr></table><p>Если вы добавляли какие-то дополнительные поля данных, то в блоке переменных допишите их имена.</p><p>Не все переменные мы берем из формы. Как минимум, адрес электронной почты, на который придет письмо (ваш адрес) указывается отдельно. В <a href="/android/recover-contacts-samsung-s4-with-a-broken-screen-of-successful-data-recovery-cases/">данном случае</a> это переменная $address – впишите в ее значение свой электронный ящик.</p><p>Также, в данном примере явным образом задано значение переменной $sub – она будет выдавать тему письма. Можно добавить тему сообщения в HTML форму в виде текстового поля (наподобие name), и брать значение этой переменной оттуда.</p><p>В блоке формат письма настраивается то сообщение, которое получите вы. Он может отличаться от того, что было написано в поле textarea под названием message. Я просто сделал еще одну переменную $mes и включил в нее дополнительный текст и важные данные отправителя (имя, почту, телефон, сайт). Эту часть вы можете сконфигурировать так, как вам удобно.</p><p>Чтобы получаемые вами письма подписывались именем отправителя, и в них включался их обратный адрес, а не адрес сервера, на котором находится ваш php файл, мы задаем новую переменную $from, в нее включаем имя и электронный ящик отправителя письма.</p><p>Затем функция mail осуществляет отправку письма по заданным параметрам. В случае успешной отправки появляется сообщение о том, что письмо отправлено, а через 5 секунд пользователя перебрасывает на страницу вашего сайта (адрес страницы и время задержки вы можете изменить). Если письмо отправить не удалось, появляется сообщение, что письмо не отправлено и через 5 секунд идет переход на страницу сайта, аналогичным образом вы можете задать адрес страницы и время.</p> <h2>Вставка формы на страницу сайта</h2><p>Для того, чтобы вставить созданную вами форму обратной связи, вам нужно скопировать html код формы и вставить его в ту часть кода страницы, где вы хотите вывести обратную связь для сайта.</p><p>Еще раз хочу напомнить, если файл с PHP программой находятся не в той же папке, что и страница, на которой размещен html код, то в коде самой формы нужно прописать полный путь к нему, иначе, работать не будет, так как форма не найдет файл обработчик.</p><p><b><span>Скачать файлы контактной формы </span> </b></p><h2>Активный анти спам с вводом данных в поле</h2><p>Спамеры действуют с помощью различных программных средств и некоторые боты умеют обходить защиту с пустым полем, которая встроена в базовую версию. Если они вас начинают донимать, то можно применить вместо или дополнительно простую защиту со вводом данных в специальное поле. Например, сделать математическое выражение с просьбой ввести ответ или задать какой-либо простой вопрос. Больших изменений в форме это не потребует.</p><p>Я покажу как изменить код формы и PHP обработчик для использования этого метода антиспама. При желании вы можете не менять защиту с пустым полем, а добавить соответствующие строки в код и у вас будет работать одновременно 2 метода – по идее, должно быть более эффективно.</p><p>Первым делом нам необходимо добавить поле для ввода и вопрос в HTML код. В качестве основы у нас уже есть строка 25 (input name = “bezspama” ). Это поле невидимо. Мы превращаем его в обычное. Для этого всю строку меняем на вот такой блок:</p><p><p> <label for="bezspama">2+2*2=:</label> <input name="bezspama" type="text" required /> </p></p><table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show"> </td><td class="crayon-code"><p><p><label for = "bezspama" > 2+2*2=: </label> </p><p><input name = "bezspama" type = "text" required /> </p> </p> </td> </tr></table><p>Вместо математического выражения 2+2*2 можете ввести любые данные – это визуальный вопрос для пользователя. Из поля input мы убрали стиль display:none и добавили обязательность заполнения.</p><p>Следующим шагом меняем данные в PHP обработчике, чтобы он делал проверку уже не на пустоту этого поля, а на правильность введенных данных. Проверка у нас делалась в строке 25 выражением empty ($bezspama ) . Мы меняем это выражение и будем делать проверку равенства заполненного поля заранее заданному числу. В моем примере, математическое выражение равно 6, поэтому вся строка будет выглядеть вот так.</p> <p>«PHP Form — работа с формами в PHP» – восьмой урок учебника PHP. В этом уроке мы поговорим про обработку форм средствами PHP.</p> <h2>Работа с формами</h2> <p>PHP позволяет обрабатывать данные, которые пользователь ввел в поля формы. После активации кнопки submit данные отправляются на страницу – обработчик, указанную в поле action элемента <form> . На странице – обработчике располагается PHP скрипт, который выполняет определенные операции над полученными данными, например формирует и отсылает письмо по указанным пользователем реквизитам.</p> <h3>Передача данных обработчику.</h3> <p>Данные из формы передаются на сервер как последовательность пар имя/значение . Это значит, что имя каждого элемента формы (появляющееся в атрибуте NAME тега) связывается со значением этого элемента (введенным или выбранным пользователем). Формат имя/значение , используемый для передачи, имеет вид имя=значение .</p> <p>Все данные, передаваемые из формы в программу–обработчик располагаются в следующих суперглобальных массивах:$_GET , $_POST , и $_REQUEST .</p> <p>$_GET - содержит все значения, передаваемые методом GET .</p> <p>$_POST –содержит все значения, передаваемые методом POST .</p> <p>$_REQUEST –содержит все значения, передаваемые методами POST и GET .</p> <p>Фамилия:<br><input name="LName" type="text"></p> <p>Город:<br><input name="City" type="text"></p> <p>Сообщение: <input name="submit" type="submit" value="Отправить"></p> <p>После нажатия на кнопку </span>submit <span> данной формы все данные передаются обработчику </span>process.php <span>. Так как в этой форме используется метод </span>POST <span>, то все переменные будут расположены внутри массива </span> $_POST .</p> <p>Теперь создадим обработчик:</p> <p><?php<br> echo «Имя: <font color=»green»> » . $_POST[«FName»] . «</font><br/>»;<br> echo «Фамилия: <strong> » . $_POST[«LName»] . «</strong><br/>»;<br> echo «Город: <em> » . $_POST[«City»] . «</em><br/>»;<br> echo «<br/>»;<br> echo «Ваше сообщение: » . $_POST[«Message»];<br> ?></p> <p>Расположим этот файл внутри директории со страницей формы. Теперь при использовании формы данные передадутся обработчику, который выведет на экран сообщение, содержащее пользовательские данные.</p> <h3>Массив $_Request</h3> <p>Использование суперглобального массива </span>$_Request <span> очень удобно, особенно когда не известно, каким методом были переданы данные. </p> <p>Благодаря циклу foreach можно перебрать значения массива $_Request .</p> <p>В данном примере мы выводим на экран все значения массива $_Request . Сделано это может быть для проверки правильности ввода данных пользователем. То есть пользователь вводит данные в форму, нажимает отправить, но вместо обработки данных у него на экране высвечивается сообщение с введенными им данными и надписью подтвердить или отказаться. Данная идея применена на многих сайтах, да и вообще во многих программах.</p> <p>В данном уроке мы научились использовать PHP для обработки форм. Как вы можете видеть PHP является мощным инструментом обработки форм, позволяя производить самые разнообразные манипуляции над пользовательскими данными, такие, как сохранение данных о пользователе в базе данных для последующей авторизации, отправке сообщения на почту пользователя и многое другое.</p> <p>В следующем уроке мы научимся проверять введенные пользователем данные перед непосредственной обработкой.</p> <p>Зачастую на Web – сайтах можно встретить страницы с размещенными на них HTML - формами. Веб-формы – <a href="/news/polnaya-nastroika-i-ustanovka-realtek-high-definition-audio-samyi-udobnyi-sposob/">удобный способ</a> получения информации от посетителей вашего сайта. Пример тому – , – которая обеспечивает обратную связь с посетителями и разработчиками сайта. Формы так же удобны и для разработчиков сайта при разработке CMS, которая позволяет поддерживать главное свойство сайта - актуальность. Данная статья посвящена основам создания HTML-форм, их обработке и способам передачи данных из <a href="/beeline/vidy-modelei-dannyh-bd-sistema-polucheniya-spravochnoi-informacii-vse/">экранных форм</a> в PHP-сценарии.</p> <h2>1) Создание простой формы</h2> <p>Теги <i><form> </i> и <i></form> </i> задают начало и конец формы. Начинающий форму тег <i><form> </i> содержит два атрибута: <i>action </i> и <i>method </i>. <a href="/ios/php-self-v-atribute-formy-action-sozdaem-formu-obratnoi-svyazi-na-php/">Атрибут action</a> содержит <a href="/android/vodoi-intitle-vse-publikacii-polzovatelya-predydushchaya/">адрес URL</a> сценария, который должен быть вызван для обработки сценария. Атрибут <i>method </i> указывает браузеру, какой вид <a href="/tele2/zaprosy-get-post-i-put-protokola-http-post-i-get-zaprosy-kakaya-mezhdu-nimi-raznica-i-chto/">HTTP запроса</a> необходимо использовать для отправки формы; возможны значения <i>POST </i> и <i>GET </i>.</p> <h2>Замечание</h2> <p>Главное отличие методов POST и GET заключается в способе передачи информации. В методе <a href="/ios/chem-otlichaetsya-post-ot-get-peredacha-i-obrabotka-parametrov-http-zaprosov/">GET параметры</a> передаются через <a href="/tele2/microsoft-edge-pomenyat-yazyk-kak-smenit-poiskovuyu-sistemu-po-umolchaniyu/">адресную строку</a>, т.е. по сути в HTTP-заголовке запроса, в то время как в методе POST параметры передаются через тело HTTP-запроса и никак не отражаются на виде адресной строки.</p> <p> <form method="post" action="../admin/add_story.php"> </p> <p><?php <br> $text = nl2br ($_POST [ "mytext" ]); <br>?> </p> <p><b>Задача: </b> Пусть необходимо создать выпадающий список с годами с 2000 по 2050.<br><b>Решение: </b> Необходимо создать HTML форму c элементом SELECT и PHP – сценарий для обработки формы.</p><p><b>Обсуждение: </b></p> <p>Для начала создадим два файла: <b>form.html </b> и <b>action.php </b>. В файле <b>form.html </b> будет содержаться html-форма с выпадающим списком. Причем значения в списке можно указать двумя способами:</p> <h2>I. Ввод данных вручную:</h2> <p> <select class="input" type=text name=years> <br><option value="2000">2000</option> <br><option value="2001">2001</option> <br><option value="2002">2002</option> <br>…………………………………………… <br><option value="2050">2050</option> <br></select> </p> <h2>II. Ввод данных через цикл:</h2> <p> <select class="input" type=text name=years> <br><?php <br>$year = 2000 ; <br>for ($i = 0 ; $i <= 50 ; $i ++) <span>// Цикл от 0 до 50 <br></span>{ <br>$new_years = $year + $i ; <span>// Формируем новое значение <br></span>echo "<option value=" . $new_years . ">" . $new_years . "</option>" ; <span>//Формируем новую строчку <br></span>} <br>?> <br></select> </p> <p>Как видно, второй пример с циклом, более компактный. Думаю, не стоит приводить скрипт обработчика данной формы, потому что он обрабатывается точно так же как текстовое поле, т.е. значения списка можно извлечь из суперглобального массива <i>$_POST </i>.</p> <p><b>Описание: </b></p> <p>Создадим HTML-форму для отправки файла на сервер.</p> <p> <FORM ENCTYPE="multipart/form-data" ACTION="action.php" METHOD=POST> <br><INPUT NAME="myfile" TYPE="file"> <br><INPUT TYPE="submit" value="Передать файл"> <br></FORM> </p> <p>В данной html-форме присутствует элемент <i>browse </i>, который открывает диалоговое окно для выбора файла для загрузки на сервер. При нажатии на кнопку <i>"Передать файл" </i>, файл передается сценарию-обработчику.</p> <p>Затем необходимо написать сценарий обработчик <b>action.php </b>. Перед написание обработчика необходимо определиться в какой каталог мы будет копировать файл:</p> <p><?php <br>if(isset($_FILES [ "myfile" ])) <span>// Если файл существует <br></span>{ <br>$catalog = "../image/" ; // Наш каталог <br>if (is_dir ($catalog )) <span>// Если такой каталог есть <br></span>{ <br>$myfile = $_FILES [ "myfile" ][ "tmp_name" ]; <span>// Времменый файл <br></span>$myfile_name = $_FILES [ "myfile" ][ "name" ]; // Имя файла <br>if(! copy ($myfile , $catalog )) echo <span>"Ошибка при копировании файла " </span>. $myfile_name <span>// Если неудалось скопировать файл <br></span>} <br> else mkdir ("../image/" ); <span>// Если такого каталога нет, то мы его создадим <br></span>} <br>?> </p> <h2>Замечание</h2> <p>Если вы доверяете пользователям закачивать на ваш сервер любые файлы, нужно быть предельно осторожным. Злоумышленники могут внедрить «нехороший» код в картинку или файл и отправить на сервер. В таких случаях нужно жестоко контролировать загрузку файлов.</p> <p><a href="/ip-telephony/poetapnoe-obuchenie-rabote-s-subd-ms-access-na-primere-sozdaniya/">Данный пример</a> демонстрирует создание каталога и копирование файла в этот каталог на сервер.</p> <p>Также хотел бы продемонстрировать пример с элементом <i>checkbox </i>. Этот элемент немного отличается от других элементов тем, что если не один из элементов <i>checkbox </i>’a не выбран, то суперглобальная переменная <i>$_POST </i> вернет пустое значение:</p> <p> <FORM ACTION="file.php" METHOD=POST> <br><input name="mycolor" type="checkbox" value="blue">Синий <br><input name="mycolor" type="checkbox" value="black">Черный <br><input name="mycolor" type="checkbox" value="white">Белый <br><input name="Submit" type=submit value="Выбрать"> <br></FORM> </p> <p><?php <br>if (!empty($_POST [ "mycolor" ])) echo $_POST [ "mycolor" ]; <span>// Если выбран хоть 1 элемент <br></span>else echo <span>"Выберите значение" </span>; <br>?> </p> <p>Всем доброго времени суток. На связи Алексей Гулынин. В прошлой статье вы узнали о том, что такое сериализация в php . В данной статье я бы хотел рассказать о том, как работать с <b>формами в PHP </b>. <a href="/beeline/osnovy-osnov-php-obzor-dlya-nachinayushchih-yazyk-programmirovaniya-php-dlya/">Язык PHP</a> предназначен для программирования web-сценариев, и обработка форм занимает, пожалуй, самое главное место в этом процессе. Сейчас уже и не встретить сайтов, на которых не было бы, к примеру, регистрации или формы обратной связи, или опросника. Форумы, интернет-магазины, добавление комментария, отправка сообщения в <a href="/android/preimushchestva-i-izderzhki-socialnoi-seti-tak-li-horoshi/">социальной сети</a> — всё это обработка данных, помещенных в поля формы. Давайте на примере разберемся, как <span>обрабатывать формы на PHP </span>. <br> Будем реализовывать <a href="/beeline/chto-znachit-taktovaya-chastota-dlya-prostyh-zadach-principialnaya-shema/">простую задачу</a>: необходимо создать 2 поля (имя и фамилия), передать эти данные скрипту action.php , в результате должно выйти приветствие <span>"Добро пожаловать, фамилия имя" </span>. Кто забыл, как создаются формы, и какие там есть поля, можно посмотреть . Создадим файл test.html :</p><p> <html> <head> <meta charset="utf-8"/> </head> <body> <form action="action.php"> Имя: <input type="text" name="name" value=""/> Фамилия: <input type="text" name="surname" value=""/> <input type="submit" name="start" value="Запустить сценарий"/> </form> </body> </html> </p><p>Обращаю ваше внимание, что файл action.php (в нашем случае) должен находиться в одной папке с файлом test.html . Тут можно указывать как относительные, так и <a href="/mobile-tips/otnositelnyi-i-absolyutnyi-put-k-failu-absolyutnyi-i-otnositelnyi-put/">абсолютные пути</a>. Будьте внимательны, многие ошибки связаны с неправильным указанием пути до скрипта-обработчика формы.</p> <p>Создадим файл action.php со следующим содержимым:</p><p> <?php echo "Данные из строки браузера: $_SERVER"; ?> </p><p>Если мы сейчас откроем файл test.html , заполним поля формы и нажмём на кнопку, то попадём в файл action.php , где будет выведено сообщение. В данном случае браузер обращается к скрипту action.php и передает ему, через знак "?" все значения <a href="/ip-telephony/giperssylka-chto-eto-takoe-kak-sdelat-ssylku-i-vstavit-v-html-kod-href-target-blank-i/">атрибутов name</a> , расположенных внутри тегов <input> , разделенных символом & . Обратите внимание, что подставляется вместо $_SERVER .</p> <p>Нашу задачу мы можем решить, разобрав строку QUERY_STRING с помощью <a href="/tele2/mozhno-szhat-pdf-fail-adobe-acrobat-pro-dlya-szhatiya-ispolzovanie/">стандартных функций</a> по работе со строками в PHP, но лучше воспользоваться другим механизмом — это использование массива $_REQUEST . Все данные, которые получены из полей формы, PHP помещает в массив $_REQUEST, не зависимо от того, каким способом были переданы данные: POST или GET (узнать можно через $_SERVER["REQUEST_METHOD"] ). Напоминаю чем эти способы отличаются:</p> <p>Метод GET является открытым, метод POST является закрытым, т.е. они отличаются способом передачи параметров. Пример:</p><p>1) Если мы используем <a href="/tele2/peredat-peremennuyu-iz-php-v-javascript-peredacha-peremennyh-v-php-metody/">метод post</a>: mysite.ru/request.php.<br> 2) Если мы используем <a href="/tele2/javascript-peredat-znachenie-peremennoi-peredacha-peremennyh-v-php-metody-get-i/">метод get</a>: mysite.ru/request.php?myname=»Alex»&surname=»Gulynin».<br></p> <p>Также, помимо массива $_REQUEST, PHP создаёт массивы $_GET и $_POST . Давайте теперь реализуем нашу задачу, на основе полученных знаний:</p><p> <?php echo "Добро пожаловать, ".$_REQUEST["surname"]." ".$_REQUEST["name"]; //В квадратных скобках передаётся атрибут name текстового поля?> </p><p>Если мы сейчас заполним форму и нажмём на кнопку, то увидим, что скрипт action.php приветствует нас по фамилии и имени. Всё работает корректно.</p> <p>Здесь всё хорошо, но если мы изменим название скрипта, то нужно будет вносить изменения в файл test.html . Давайте модифицируем файл action.php, так, чтобы, обращаясь к нему либо выводилась форма, когда мы ничего не отправили, либо приветствие, когда мы нажали кнопку:</p><p> <html> <head> <meta charset="utf-8"/> </head> <body> <?php if (!isset($_REQUEST["start"])) {?> <form action="<?=$_SERVER["SCRIPT_NAME"]?>"> Имя: <input type="text" name="name" value=""/> Фамилия: <input type="text" name="surname" value=""/> <input type="submit" name="start" value="Запустить сценарий"/> </form> <?php} else { echo "Добро пожаловать, $_REQUEST["surname"] $_REQUEST["name"]"; } }?> </body> </html> </p><p>Теперь мы не зависим от имени скрипта, т.к. задаем его через переменную окружения $_SERVER["SCRIPT_NAME"] . Конструкция =$_SERVER["SCRIPT_NAME"]?> равнозначна конструкции <span><?php echo $_SERVER["SCRIPT_NAME"]??></span>.<br> Помимо переменной окружения SCRIPT_NAME существует множество других.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </div> <div class="mb40 pr"> <div style="margin-top: 30px; margin-bottom: 35px;"> </div> <div style="margin-top: 0px; margin-bottom: 0px; font-family: Arial; font-size: 15px;"> <div id="yandex_rtb_R-A-105632-3"></div> </div> </div> <style> .sh_icon a:hover { opacity: 0.6; } </style> <div class="catTitle"> <span class="fl noLinknew">Похожие статьи</span> <div class="clr"></div> </div> <ul class="medbeArticle medbeEvents js-novinki "> <li id="bx_3218110189_16277"> <div class="info" style="position:relative;"> <a href="/ip-telephony/sql-zaprosy-insert-sql-zapros-insert-into-napolnit-bazu-dannyh/" class="date">2023-08-11 00:06:59</a> </div> <a href="/ip-telephony/sql-zaprosy-insert-sql-zapros-insert-into-napolnit-bazu-dannyh/"> <div class="title"> SQL запрос INSERT INTO — наполнить базу данных информацией </div> </a> <p class="text"> Всем привет! В данной статье речь пойдет о том, как можно добавлять данные в таблицу в Microsoft SQL Server, если Вы уже хоть немного знакомы с языком T-SQL, то наверно поняли, что сейчас мы будем разговаривать об инструкции INSERT, а также о том,... </p> <a href="/category/ip-telephony/" class="catName">IP-телефония</a> <div class="clr"></div> </li> <li id="bx_3218110189_16277"> <div class="info" style="position:relative;"> <a href="/megaphone/chto-oznachaet-klavisha-esc-na-klaviature-oboznachenie-klavish-na/" class="date">2023-08-11 00:06:59</a> </div> <a href="/megaphone/chto-oznachaet-klavisha-esc-na-klaviature-oboznachenie-klavish-na/"> <div class="title"> Обозначение клавиш на клавиатуре </div> </a> <p class="text"> Привет всем читателям блога. Скажите друзья, задумывались ли вы, какой большой функционал таит в себе клавиатура? Большинство людей даже не подозревает, что с её помощью можно выполнять действия, которые могут облегчить и . Не печально ли, что... </p> <a href="/category/megaphone/" class="catName">Мегафон</a> <div class="clr"></div> </li> <li id="bx_3218110189_16277"> <div class="info" style="position:relative;"> <a href="/mobile-operators/ne-mogu-postavit-razreshenie-ekrana-kak-izmenit-razreshenie-ekrana/" class="date">2023-08-10 00:09:21</a> </div> <a href="/mobile-operators/ne-mogu-postavit-razreshenie-ekrana-kak-izmenit-razreshenie-ekrana/"> <div class="title"> Как изменить разрешение экрана </div> </a> <p class="text"> В современном мире все стремительно меняется. Фотоаппараты всех моделей, от самых дешевых «мыльниц» до профессиональных «зеркалок», умеют снимать видеоролики качества HD. Такое видео возможно и для дорогих моделей мобильных телефонов. Стандарты... </p> <a href="/category/mobile-operators/" class="catName">Мобильные операторы</a> <div class="clr"></div> </li> </ul> <div> </div> <div class="mb40 clear clearfix"> </div> </div> <div class="fr width300"> <div class="catTitle blackStyle"> <span class="fl noLink">Категории</span> <div class="clr"></div> </div> <div class="mb40"> <ul class="medbeSidebarNav"> <li> <a href="/category/mobile-operators/">Мобильные операторы</a> </li> <li> <a href="/category/news/">Новости</a> </li> <li> <a href="/category/ios/">Ios</a> </li> <li> <a href="/category/beeline/">Билайн</a> </li> <li> <a href="/category/ip-telephony/">IP-телефония</a> </li> <li> <a href="/category/android/">Android</a> </li> <li> <a href="/category/mobile-tips/">Мобильные советы</a> </li> <li> <a href="/category/mts/">Мтс</a> </li> <li> <a href="/category/megaphone/">Мегафон</a> </li> <li> <a href="/category/tele2/">Tele2</a> </li> </ul> </div> <div class="cancel-mb40"> </div> <div class="mb40 pr"> <div class="catTitle" data-click="y"> <span class="fl noLinknew">Видеоматериалы</span> <div class="frnew"></div> <div class="clr"></div> </div> <div class="medbeSidebarCarousel medbeArticle"> <ul> <li> <a href="/ip-telephony/zalipaet-kursor-myshi-na-noutbuke-pochemu-tormozit-kursor-myshi/"> <img src="/uploads/ade502898299ae9b7711b4f95a436eec.jpg" alt="Почему тормозит курсор мыши?" loading=lazy> <div class="playBg"></div> <p> Почему тормозит курсор мыши? </p> </a> <a href="/category/ip-telephony/" class="catName">IP-телефония</a> </li>  </ul> </div> </div> <div class="cancel-mb40"> </div> <div class="mb40"> <div class="mb40"> <div class="catTitle" data-click="y"> <span class="fl noLinknew">Популярное</span> <div class="frnew"></div> <div class="clr"></div> </div> <ul class="medbeArticle sidebarEvents"> <li> <a href="/mts/wifi-rabotaet-tolko-v-bezopasnom-rezhime-ne-rabotaet-internet/"> <img src="/uploads/2ee5814dafc94176d4b45f4d2fb6fa8c.jpg" width="100px" alt="Не работает интернет в обычном режиме, но в безопасном режиме работает отлично" loading=lazy> <div class="info"> <span class="date">Мтс</span> </div> <div class="title"> Не работает интернет в обычном режиме, но в безопасном режиме работает отлично </div> <div class="clr"></div> </a> </li> <li> <a href="/megaphone/igorka---informacionnyi-resurs-express-gate-cloud-chto-eto-za-programma/"> <img src="/uploads/3749ab820767ba45fea17c9570098319.jpg" width="100px" alt="Express Gate Cloud: что это за программа, для чего она нужна и как ею пользоваться Экспресс гейт что" loading=lazy> <div class="info"> <span class="date">Мегафон</span> </div> <div class="title"> Express Gate Cloud: что это за программа, для чего она нужна и как ею пользоваться Экспресс гейт что </div> <div class="clr"></div> </a> </li> <li> <a href="/mts/oshibka-sinhronizacii-zapisnoi-knizhki-putevoditel-po/"> <img src="/uploads/f250e5be3a2f8953c1e614fc1328ae28.jpg" width="100px" alt="Путеводитель по интернету - все самое интересное в сети" loading=lazy> <div class="info"> <span class="date">Мтс</span> </div> <div class="title"> Путеводитель по интернету - все самое интересное в сети </div> <div class="clr"></div> </a> </li> </ul> </div> </div> <div class="cancel-mb40"> </div> <div class="mb40"> <div class="catTitle" data-click="y"> <span class="fl noLinknew">Новое</span> <div class="frnew"></div> <div class="clr"></div> </div> <ul class="medbeArticle clinicsCountry"> <li> <a href="/mobile-operators/makrosy-makrosy-makrosy-lineage-2-classic/"> <img src="/uploads/fb576de342cb3d2593c63672e3d739e9.jpg" width="100px" alt="Макросы Макросы lineage 2 classic" loading=lazy> <div class="title"> Макросы Макросы lineage 2 classic </div> <div class="clr"></div> </a> </li> <li> <a href="/ios/ne-mogu-prizvat-druga-v-vov-kak-obzavestis-voobrazhaemym-drugom/"> <img src="/uploads/e7519f29ddb62047aa438397349fcf13.jpg" width="100px" alt="Как обзавестись воображаемым другом" loading=lazy> <div class="title"> Как обзавестись воображаемым другом </div> <div class="clr"></div> </a> </li> <li> <a href="/news/kakaya-proshivka-na-explay-fresh-luchshe-4pda-proshivka-smartfona-explay-fresh/"> <img src="/uploads/440c7ea38da647dd87e0148cfb5dce63.jpg" width="100px" alt="Прошивка смартфона Explay Fresh" loading=lazy> <div class="title"> Прошивка смартфона Explay Fresh </div> <div class="clr"></div> </a> </li> <li> <a href="/megaphone/ne-udalos-zagruzit-resurs-temy-xiaomi-kak-ustanavlivat-temy-dlya-miui-chto-eto-za/"> <img src="/uploads/0e1c6665f03f75745da204c8e5568dbc.jpg" width="100px" alt="Как устанавливать темы для MIUI" loading=lazy> <div class="title"> Как устанавливать темы для MIUI </div> <div class="clr"></div> </a> </li> <li> <a href="/ip-telephony/mi-band-2-podklyuchenie-k-drugomu-smartfonu-chto-delat-esli-mi-band-ne-podklyuchaetsya/"> <img src="/uploads/38ccb83ecbea66f8d7238e6d2b59fc73.jpg" width="100px" alt="Что делать, если Mi Band не подключается к телефону" loading=lazy> <div class="title"> Что делать, если Mi Band не подключается к телефону </div> <div class="clr"></div> </a> </li> </ul> </div> </div> </div> <div class="clr"></div> <div class="clr mb42-"></div> </main> </div> <footer class="footer"> <div class="footerWrap"> <ul class="footNav"> <li> <a href="/category/mobile-operators/">Мобильные операторы</a> </li> <li> <a href="/category/news/">Новости</a> </li> <li> <a href="/category/ios/">Ios</a> </li> <li> <a href="/category/beeline/">Билайн</a> </li> </ul> <ul class="footNav mr0"> <li> <a href="/category/mobile-operators/">Мобильные операторы</a> </li> <li> <a href="/category/news/">Новости</a> </li> <li> <a href="/category/ios/">Ios</a> </li> <li> <a href="/category/beeline/">Билайн</a> </li> </ul> <div class="footSep"></div> <div class="fl width405"> <div class="medbeWarning" style="font-size: 10px;"> Мобильные операторы и тарифы <p></p> <br /> </div> <div style="position:absolute; top:50px; right:15px; width:300px;"> <noindex> <br /> </noindex> </div> </div> <div class="footSep"></div> <div class="fl "> <div class="copyright"> <br /> <noindex> <div id="liv"> </div> <br> </noindex></div> <div style="position:absolute; top:50px; right:15px; width:300px;"> <noindex> <br /> </noindex> </div> </div> <div id="onTop"></div> <div class="clr"></div> <div class="links"></div> <div class="clr"></div> </div> </footer> <div class="overlay"></div> <div style="display: none;" id="ajax_result"></div> <div class="modal fade" id="send_message" tabindex="-1" role="dialog" aria-labelledby="message" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <a href="#" class="close" data-dismiss="modal" aria-hidden="true"></a> </div> <div class="modal-body"> <form action="/materials/sakharnyy-diabet/preparaty-insulina-i-insulinoterapiya/" method="POST"> <input type="hidden" name="sessid" id="sessid" value="190649912f2d5ccc3e7496471b00b5c2" /> <input name="head" type="text" placeholder="Тема" value=""> <textarea name="message" placeholder="Сообщения">