Трусливый form php. Форма отправки данных в PHP (POST, GET)

Ни для кого не является секретом, что наиболее распространенным способом взаимодействия html-страницы с сайтом является форма. Форма (то есть, html-элемент образуемый тегом form) используется и бесплатными почтовыми службами, электронными магазинами и многими другими типами сайтов.

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

Рассмотрим подробнее варианты для разных типов полей.

Текстовые поля

Под текстовыми полями в этой статье понимаются элементы, создаваемые тегам input со значением параметра type равным text и тегом textarea . Организовать обработку формы состоящей из нескольких таких полей проще всего. На листинге ниже приведен листинг с html-разметкой для такой формы.

Как видно из листинга, имена для элементов формы, с точки зрения PHP , являются элементами массива. Поэтому PHP -сценарий, который будет обрабатывать эту форму, будет воспринимать все множество текстовых полей этой формы как единый массив. К отдельным элементам можно обращаться по индексам или использовать перечисление при помощи команд list и each , как это сделано в следующем примере.

n"; ?>

Переключатели

Переключателями (checkbox ) в этой статье называются элементы, создаваемые тегам input со значением параметра type равным checkbox . Форма для использования переменного количества «переключателей » строится абсолютно так же. Обратите внимание, что выбор конкретного значения переключателя (то есть значение свойства value) не важен. Пример приведен в листинге ниже:

Однако обработка такой формы отличается от обработки, описанной для текстовых полей. В данном случае необходимо определить, включил или нет посетитель сайта тот или иной переключатель. Если включил — то соответствующий элемент массива существует, если нет — то отсутствует. В следующем листинге приведен пример PHP сценария, который распечатывает включенные переключатели:

Радио-кнопки

Перед тем как описывать обработку радио-кнопок необходимо вспомнить, как они работают. Суть радио-кнопок (элементы созданные тегами input со значением параметра type равным radio ) заключается в том что, выбирая одну кнопку, пользователь автоматически снимает выделение с другой кнопки из этого же набора. Кнопки объединяются в набор очень просто: у всех кнопок в наборе одно и тоже имя.

А вот значения (то есть параметры value ) у кнопок в наборе — разные. И на сайт будет отправлено значение выбранной кнопки с именем набора. Так же как и в случае с текстовыми полями и переключателями имена наборов радио-кнопок должны оформляться как имена элементов массива в PHP. Пример такой формы приведен в следующем листинге:

Обработка радио-кнопок объединяет идеи, использование при обработке, как текстовых полей, так и переключателей. Если автор html-страницы не установил значение по умолчанию, а пользователь не выбрал определенную кнопку в наборе радио-кнопок, то данный элемент будет отсутствовать в массиве (как для переключателей).

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

n"; ?>

Таким образом, ничего сложного в обработке сложных форм нет.

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

Отправка формы

Поле для ввода. Самыми распространёнными элементами формы являются различные поля для ввода. Они создаются при помощи тэга многих типов и тэга . С отправкой данных из этих элементов всё просто. Тэги имеют атрибут name , которые определяют имя параметра. А значение параметра - это текст, который напишет пользователь в поле для ввода. Кроме того, у тэгов может быть атрибут value , который задаёт значение по умолчанию. Это значение будет отправлено на сервер, если пользователь ничего не введёт. Для примера создадим форму и добавим в неё поля для ввода:</p> <table class="code"><tr><td><p>1<br>2<br>3<br>4<br>5<br>6<br>7<br> 8<br>9<br>10<br>11<br>12<br>13</p> </td><td> <!DOCTYPE html> <html> <head> <title>Страница</title> <meta charset="utf-8"> </head> <body> <form action="takeform.php" method="post"> <input name="login" value="user"> <textarea name="self">

select. Из тэга данные отправляются так: Атрибут name есть у самого этого тэга. А атрибут value есть не у тэга , а у пунктов списка, то есть у тэгов . Обычно у каждого пункта своё значение атрибута value . Какой пункт выберет пользователь, из такого пункта берётся значение параметра. При этом, текст в тэге не имеет значения, используется только атрибут. Добавим в форму тэг :

12 13 14 15 16 17 18

Интересы Занятия спортом Природа Кино Литература

Радиокнопка. У всех радиокнопок из одной группы атрибут name должен иметь одинаковое значение. Это значение не только устанавливает имя параметра, но и объединяет радиокнопки в группу, из которой можно выбрать только одну радиокнопку. Атрибут value устанавливается разный. Добавим радиокнопки в форму:

Чекбокс. В отличие от радиокнопок, каждый чекбокс - это отдельный элемент формы. Все чекбоксы независимы друг от друга и каждый отправляет свои данные на сервер. Атрибут name у всех чекбоксов должен быть разный, а атрибут value может быть либо одинаковый, либо разный. Однако у чекбокса нет каких-то конкретных данных. Он может быть либо выбран либо нет. Поэтому устанавливать ему длинное значение нет смысла. Ему можно задать значение в один символ, например, 1. На сервере смысл этого значения будет такой: если значение есть, то чекбокс был выбран, а если никакого значения нет, значит он не выбран. Добавим чекбоксы в форму и создадим кнопку оправки формы:

Обработка данных из форм

В предложенном примере создана форма отправляющая данные скрипту с названием takeform.php. Поэтому нужно создать этот скрипт. Это будет не просто программа, а страница, которая будет формироваться в зависимости от данных, получаемых из формы. Форму отправляем методом POST. Скрипт берёт эти данные из суперглобального массива $_POST . Элементы массива можно просто использовать в скрипте, но если с ними нужно много работать, то писать каждый раз название элемента неудобно. Проще записать значение в переменную и обращаться к ней. Создадим файл takeform.php и запишем в переменные значения из первых двух элементов формы:

takeform.php:

В тег мы не добавили атрибут value . Если ничего не ввести в него то значение будет пустое. Часто бывает нужно проверить, написал ли пользователь что-нибудь в поле для ввода. Для этого есть функция empty() , которая возвращает true , если переменная содержит <a href="/zapros-sql-na-udalenie-dannyh-iz-tablicy-zapros-sql-na-dobavlenie/">пустое значение</a>, а иначе возвращает false . На странице, принимающей данные из формы, сделаем проверку, было ли введено что-то в <textarea> . Значение из него мы записали в переменную $self , её и проверим. Если она содержит значение, то добавим на страницу блок и разместим в нём текст из переменной. Если переменная пустая, то блок создаваться не будет.</p> <table class="code"><tr><td><p>13<br>14<br>15<br>16<br>17</p> </td> <td> if (!empty($self)) { echo "<p>О себе:</p>"; echo "<div style="width: 400px; font-size: 20px">".$self."</div>"; } </td> </tr></table><p>select. Текст из полей для ввода обычно используется сам по себе. Он записывается в базу данных или выводится на страницу. Но данные из других элементов формы используются несколько по-другому. Получив данные из формы, скрипт не выводит их, а определяет на их основе, какие действия нужно выполнять. Сформируем часть страницы в зависимости от выбора пользователем пункта списка:</p> <p>Обратите внимание, открывающий тэг <p>Идёт до обработки данных, в строке 19, а закрывающий - в конце, в строке 28. Таким образом, на части разделён не только HTML код, но и конкретный тэг. Это обычная практика.</p> <p>Радиокнопка. У всех радиокнопок одной группы одинаковый атрибут value . Соотвотсвоенно, для всей группы создаётся один элемент массива $_POST . В него будет записано значение из той радиокнопки, которую выберет пользователь. Добавим на страницу результат выбора радиокнопки:</p> <p>Чекбокс. Каждый чекбокс обрабатывается отдельно. Обычно чекбокс не содержит конкретных данных, поэтому просто проверяется содержит он значение или нет. Если значение есть, значит пользователь его выбрал и это учитывается при обработке данных формы. Добавим на страницу информацию о том, что выбрал пользователь:</p> <p>Так данные из форм отправляются на сервер и обрабатывабтся в <a href="/kak-pishutsya-skripty-na-php-osnovy-yazyka-jscript---napisanie-wsh-skriptov/">PHP скриптах</a>. В зависимости от разных задач, работа с формами осуществляться иначе, но на основе приведённых примеров Вы сможете легко использовать данные из форм так, как Вам нужно.</p> <p>Сегодня будем работать над созданием <a href="/kak-sdelat-krasivyi-shrift-v-html-razmery-cveta-tegi-shriftov/">красивой HTML</a> формы <a href="/kak-zaiti-na-pochtu-autluk-houm-kredit-korporativnaya-pochta-ova-houm-kredit/">обратной связи</a> для сайта, работающей на PHP и имеющею встроенную защиту от спама. Никаких особых знаний вам не потребуется, достаточно будет <a href="/osnovy-html-chto-takoe-html-ponyatie-tega/">основ html</a> и элементарной логики. Я дам готовые файлы, которые вы сможете вставить на сайт без изменений или скорректировать под свои нужды.</p><i> </i><p>Недавно я делал статью о том, как сделать с помощью плагина Contact Form 7. Также просто можно сделать форму обратной связи на Joomla и других популярных CMS.</p><p>Но, что делать сайтам, которые не используют популярные CMS? – Остается делать все руками.</p><p>Кроме того, использование обратной связи без плагинов возможно и для WordPress. Лишние плагины создают немалую нагрузку на сервера и отказ от них позволяет ускорить работу сайта.</p><p>Заказать установку и настройку готовой формы за 500 рублей можно здесь (это для тех кому лень руками поработать или навыка недостаточно).</p><h2>Принцип работы формы обратной связи на html</h2><p>Наша форма будет иметь 5 полей для ввода данных – имя, <a href="/chto-takoe-soobshchenie-elektronnoi-pochty-chto-takoe-adres-elektronnoi/">электронный адрес</a>, телефон, адрес сайта, текст сообщения (вы сможете удалить или изменить их самостоятельно).</p><p>Все поля, кроме адреса веб сайта будут обязательны для заполнения (это вы тоже сможете настроить самостоятельно).</p><p>Для полей с <a href="/kak-sozdat-vremennyi-email-odnorazovuyu-elektronnuyu-pochtu/">email адресом</a> и сайтом будет проводиться <a href="/otklyuchit-obyazatelnuyu-proverku-cifrovoi-podpisi-draiverov/">обязательная проверка</a> правильности ввода данных.</p><p>Конечная форма связи будет иметь вот такой вид:</p><p><img src='https://i1.wp.com/biznessystem.ru/wp-content/uploads/2015/05/forma-obratnoj-svyazi-dlya-sajta.jpg' align="center" width="100%" loading=lazy><br><img src='https://i1.wp.com/biznessystem.ru/wp-content/uploads/2015/05/forma-obratnoj-svyazi-dlya-sajta.jpg' align="center" width="100%" loading=lazy></p> <p>Для работы <a href="/sozdaem-kontaktnuyu-formu-s-ispolzovaniem-bootstrap-php-i-ajax-php-scenarii/">контактной формы</a>, созданной на html, требуется 3 элемента.</p><p>Первый отвечает за структуру самой формы, за тип и количество полей ввода данных. Это обычный <a href="/vnedrenie-css-v-html-dokument-vklyuchenie-css-v-html-kod/">html код</a>.</p><p>Второй отвечает за обработку данных, которые пользователь вводит в поля формы. Он определяет, что, куда и в каком виде пересылать, после того, как будет нажата кнопка отправки сообщения. Для реализации используется специальный PHP скрипт.</p><p>Третий отвечает за внешний вид. Устанавливает размеры и расположение полей ввода данных, добавляет различные цвета и эффекты. Это все задается CSS стилями.</p><p><b><span>Демо версия формы </span> </b></p><p>Настройку каждого из этих элементов мы с вами разберем по шагам.</p><h2>Создание HTML макета</h2><p>Чтобы не делать статью слишком длинной и не добавлять отдельно каждый элемент, я приведу полный html код, а ниже опишу каждый блок и возможные изменения.</p><p>Для обозначения форм в html используется тег <form></form>, внутри которого заполняются необходимые параметры.</p><p><form class="contact_form" action="contact-form.php" method="post"> <p> <label for="name">Имя:</label> <input type="text" name="name" placeholder="Введите ваше имя" required /> </p> <p> <label for="email">Email:</label> <input type="email" name="email" placeholder="Введите электронный адрес" required /> <span class="form_hint">Правильный формат "name@something.com"</p> <p> <label for="tel">Телефон:</label> <input type="tel" name="tel" placeholder="Введите номер телефона" required /> <span class="form_hint">Правильный формат "+7-123-4567890"</p> <p> <label for="website">Сайт:</label> <input type="url" name="website" placeholder="Введите адрес вашего сайта" pattern="(http|https)://.+"/> <span class="form_hint">Правильный формат "http://someaddress.com"</p> <p> <label for="message">Текст сообщения:</label> <textarea name="message" cols="40" rows="6" required >

Отправить сообщение

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

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>, имеющим свой класс для настройки <a href="/freimy-shablony-html-dlya-ponyatie-freima-v-html-atributy-tega-frame-dlya-nastroiki/">внешнего вида</a> и тип “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 страницей, то пропишите <a href="/chto-takoe-polnyi-i-otnositelnyi-put-faila-opisanie-putei/">полный путь</a> до него.</p><p>В файле со стилями, который я дал, каждый элемент подписан, поэтому, вы можете вносить в него любые изменения – менять цвета, размеры, форму, эффекты. Владея самыми базовыми знаниями, вы сможете легко его править.</p><h2>Настройка PHP кода (добавлена защита от спама)</h2><p>Как и в случае со стилями, я дам вам готовый код, обрабатывающий <a href="/otpravka-dannyh-formy-html-formy/">HTML форму</a> обратной связи и защищающий от спама. Этот файл адаптирован для конкретной конфигурации и, если вы захотите задать новые поля или удалить существующие, в него придется вносить изменения. Поэтому, я расскажу вам, как он работает, чтобы вы поняли, что нужно менять.</p><blockquote><p>Для сайтов, использующих кодировку windows-1251 и версию php 5.4+, в код нужно будет внести дополнение, связанное с функцией htmlspecialchars. Покажу его ниже. Иначе, вместо кириллицы будут приходить пустые поля.</p> </blockquote><p>Помните, в свойствах формы (в <a href="/kakaya-programma-otkryvaet-faily-html-kak-otkryt-fail-html-prosteishie-sredstva/">html файле</a>) мы указывали параметр 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>Не все переменные мы берем из формы. Как минимум, адрес электронной почты, на который придет письмо (ваш адрес) указывается отдельно. В данном случае это переменная $address – впишите в ее значение свой электронный ящик.</p><p>Также, в данном примере явным образом задано значение переменной $sub – она будет выдавать тему письма. Можно добавить тему сообщения в HTML форму в виде <a href="/izmenenie-polei-v-vorde-kak-nastroit-tekstovoe-pole-v-microsoft/">текстового поля</a> (наподобие 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>В основном, для передачи параметров используются методы <b>POST </b> и <b>GET </b>.<br> Главное отличие методов <b>POST </b> и <b>GET </b> заключается в способе передачи информации. В методе <b>GET </b> параметры передаются через адресную строку (<b>URL </b>), т.е. в <b>HTTP </b>-заголовке запроса, в то время как в методе <b>POST </b> параметры передаются через тело <b>HTTP </b>-запроса и никак не отражаются в <a href="/sekretnye-funkcii-aifona-vremya-otpravki-soobshchenii-bystryi/">адресной строке</a>.</p><h5>1. Кнопки – Тег <BUTTON></h5><p>Тег <b> <BUTTON> </b> создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега <b> <INPUT> </b> (с параметром <b>type="button | reset | submit" </b>). В отличие от этого тега, <b> <BUTTON> </b> предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML , в том числе изображения. Используя стили, можно определить вид кнопки путем изменения шрифта, цвета фона, размеров и других параметров.<br> Теоретически, тег <b> <BUTTON> </b> должен располагаться внутри формы, устанавливаемой элементом <b> <FORM> </b>. Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом <b> <BUTTON> </b>, если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать <b> <BUTTON> </b> в контейнер <b> <FORM> </b> обязательно. Закрывающий тег <b> </BUTTON> </b> обязателен.<br> Параметры:<br><b>disabled </b> – блокирует доступ и изменение элемента. <br><b>type </b> – тип кнопки<br><b>value </b> – Значение кнопки, которое будет отправлено на сервер или прочитано с помощью сприптов. <br></p><p> <button>Кнопка с текстом</button> <br> Параметр <b>DISABLED </b><br> Блокирует доступ и изменение кнопки. Она в таком случае отображается серой и недоступной для активации пользователем. Кроме того, такая кнопка не может получить фокус путем нажатия на клавишу <b>Tab </b>, мышью или другим способом. Тем не менее, такое состояние кнопки можно изменять через скрипты.<br> <form> <p><button>Активная кнопка</button> <button disabled>Неактивная кнопка</button></p> </form> Параметр <b>TYPE </b><br> Определяет тип кнопки, который устанавливает ее поведение в форме. По внешнему виду кнопки разного типа никак не различаются, но у каждой такой кнопки свои функции. Значение по умолчанию: <b>button </b>.<br> Аргументы:<br><b>button </b> – Обычная кнопка. <br><b>reset </b> – Кнопка для очистки введенных данных формы и возвращения значений в первоначальное состояние.</p><h5>Submit – Кнопка для отправки данных формы на сервер.</h5> <form method="post"> <p><input type="text" name="user"></p> <p><button type="reset">Очистить форму</button> <button type="submit">Отправить форму</button></p> </form> <?php echo $_POST["user"]; // Если выбран хоть 1 элемент?> Параметр <b>VALUE </b> Определяет значение кнопки, которое будет отправлено на сервер. На сервер отправляется пара «<b>имя=значение </b>», где имя задается параметром name тега <b> <BUTTON> </b>, а значение - параметром <b>value </b>. Значение может, как совпадать с текстом на кнопке, так быть и самостоятельным. Также параметр <b>value </b> применяется для доступа к данным через скрипты. <form action="/html/example/handler.php"> <p><input type="text" name="user"></p> <p><button value="11111010101" name="hidden" type="submit"> Отправить форму</button></p> </form> <h5>1.1. Кнопка (input type=button)</h5> <form> <input type=button name="save" value="Привет!"> </form> <h5>1.2. Кнопка с изображением (input type=image)</h5> <button> <img src='https://i0.wp.com//images/umbrella.gif' loading=lazy> Кнопка с рисунком </button></p> <p>Кнопки с изображениями аналогичны по действию кнопке <b>Submit </b>, но представляют собой рисунок. Для этого задаем <b>type=image </b> и <b>src="image.gif" </b>.<br></p><p> <form> <input type="image" src="image.gif" name="sub" /> </form> </p><p>Когда пользователь щелкнет где-нибудь на изображении, соответствующая форма будет передана на сервер с двумя дополнительными переменными – <b>sub_x </b> и <b>sub_y </b>. Они содержат координаты нажатия пользователя на изображение. Опытные программисты могут заметить, что на самом деле имена переменных, отправленных браузером, содержат точку, а не подчеркивание, но PHP автоматически конвертирует точку в подчеркивание.</p><h5>1.3. Кнопка отправки формы (input type=submit)</h5><p>Служит для отправки формы сценарию. При создании кнопки для отправки формы необходимо указать 2 атрибута: <b>type="submit" </b> и <b>value="Текст кнопки" </b>. Атрибут name необходим, если кнопка не одна, а несколько и все они созданы для разных операций, например кнопки "Сохранить", "Удалить", "Редактировать" и т.д. После нажатия на кнопку сценарию передается строка имя=текст кнопки. <br></p><p> <input type="submit" name="Submit" value="Отправить"> <br>РНР -сценарий не требуется.</p><h5>1.4. Массив кнопок (submit) для выбора варианта действий</h5> <form method="post"> <input type=submit name="save" value="first"> <input type=submit name="save" value="pref"> <input type=submit name="save" value="next"> <input type=submit name="save" value="last"> </form> <?php $action = $_POST["save"]; switch ($action) { case "first": echo "Первый"; break; case "pref" : echo "Предыдущий"; break; case "next" : echo "Следующий"; break; case "last" : echo "Последний"; break; } ?> <h5>2. Кнопка сброса формы (Reset)</h5><p>При нажатии на кнопку сброса (<b>reset </b>), все элементы формы будут установлены в то состояние, которое было задано в атрибутах по умолчанию, причем отправка формы не производиться.<br></p><p> <input type="reset" name="Reset" value="Очистить форму"> <br>РНР -сценарий не требуется.</p><h5>3. Флажок (checkbox)</h5><p>Флажки checkbox предлагают пользователю ряд вариантов, и разрешает произвольный выбор (ни одного, одного или нескольких из них).<br></p><p> <form method="post"> <input type="checkbox" name="chb" value="white">Белый<br> <input type="checkbox" name="chb" value="green">Зеленый<br> <input type="checkbox" name="chb" value="blue">Синий<br> <input type="checkbox" name="chb" value="red">Красный<br> <input type="checkbox" name="chb" value="black">Черный<br> <input type="submit" name="Submit" value="Отправить"> </form> <?php if (!empty($_POST["chb"])) { $chb = $_POST["chb"]; foreach($chb as $index => $go) { echo $index." - > ".$go."<br>"; }; }; </p><h5>4. Переключатель(radio)</h5><p>Переключатели radio предлагают пользователю ряд вариантов, но разрешает выбрать только один из них.<br> Пример 1.<br></p><p> <form method="post"> <input name="mycolor" type="radio" value="white">Белый<br> <input name="mycolor" type="radio" value="green" checked>Зеленый<br> <input name="mycolor" type="radio" value="blue">Синий<br> <input name="mycolor" type="radio" value="red">Красный<br> <input name="mycolor" type="radio" value="black">Черный<br> <input type="submit" name="Submit" value="Отправить"> </form> <?php echo $_POST["mycolor"]; ?> <br> Пример 2.<br> <form method=GET> // первый набор кнопок <input type="radio" name="rdi" value="1"> <input type="radio" name="rdi" value="2"> <input type="radio" name="rdi" value="3"><br> // второй набор кнопок <input type="radio" name="rdi" value="1"> <input type="radio" name="rdi" value="2"> <input type="radio" name="rdi" value="3"><br> // третий набор кнопок <input type="radio" name="rdi" value="1"> <input type="radio" name="rdi" value="2"> <input type="radio" name="rdi" value="3"><br> <input type="submit" value="Отправить"> </form> <?php $rdi = $_GET["rdi"]; while(list($key,$val) = @each($rdi)) echo "ключ - $key, значение - $val<br>\n"; ?> </p><h5>5. Текстовое поле (text)</h5><p>При создании обычного текстового поля размером size и максимальной допустимой длины <b>maxlength </b> символов, атрибут type принимает значение <b>text </b>. Если указан параметр <b>value </b>, то поле будет отображать указанный в переменной value. При создании поля не забывайте указывать имя поля, т.к. этот атрибут является обязательным.<br></p><p> <form method="post"> <input type="text" name="txtName" size="40" maxlength="35" value="Текст по умолчанию"> <input type="submit" name="Submit" value="Отправить"> </form> <?php echo $_POST["txtName"]; ?> </p><h5>6. Поле для ввода пароля (password)</h5><p>Полностью аналогичен текстовому полю, за исключением того, что символы, набираемые пользователем, не будут отображаться на экране.<br></p><p> <form method="post"> <input type="password" name="txtName" size="40" maxlength="35"> <input name="Submit" type="submit" value="Отправить"> </form> <?php echo $_POST["txtName"]; ?> </p><h5>7. Скрытое текстовое поле (hidden)</h5><p>Позволяет передавать сценарию какую то <a href="/povrezhdenie-sluzhebnoi-informacii-kak-prishlos-proshit-zhestkii-disk-seagate/">служебную информацию</a>, не отображая её на странице.<br></p><p> <form method="post"> <input type="hidden" name="txtName" value="Это скрытый текст"> <input name="Submit" type="submit" value="Отправить"> </form> <?php echo $_POST["txtName"]; ?> </p><h5>8. Выпадающий список (select)</h5><p>Тэг <b> <select> </b> представляет собой выпадающий или раскрытый список, при этом одновременно могут быть выбраны одна или несколько строк. Но будет передано значение последней выбранной кнопке.<br> Список начинается с парных тегов <b> <select></select> </b>. Теги <b> <option></option> </b> позволяют определить содержимое списка, а параметр <b>value </b> определяет значение строки. Если в теге <b> <option> </b> указан параметр <b>selected </b>, то строка будет изначально выбранной. Параметр size задает, сколько строк будет занимать список. Если <b>size </b> равен <b>1 </b>, то список будет выпадающим. Если указан атрибут <b>multiple </b>, то разрешено выбирать несколько элементов из списка. Но эта схема практически не используется, а при <b>size = 1 </b> не имеет смысла.<br></p><p> <form method="post"> <select name="color"> <!--выпадающий список--> <!--<select name="color" size=3> <!--список с прокруткой--> <option value="white">Белый</option> <option value="green">Зеленый</option> <option value="blue">Синий</option> <option value="red">Красный</option> <option value="black">Черный</option> </select> <input name="Submit" type="submit" value="Отправить"> </form> <?php f (!empty($_POST["color"])) { echo $_POST["color"]; }; ?> </p><p>Если необходимо создать выпадающий с предсказуемой последовательностью. Например, список с годами с 2000 по 2050. То используется следующий прием.</p><p> <form method="post"> <select name=years> <?php $year = 2000; for ($i = 0; $i <= 50; $i++) // Цикл от 0 до 50 { $new_years = $year + $i; // Формируем новое значение echo "<option value=".$new_years.">".$new_years."</option>"; //строка } ?> </select> <input name="Submit" type="submit" value="Отправить"> </form> <?php if (!empty($_POST["years"])) { echo $_POST["years"]; }; ?> </p><h5>9. Многострочное поле ввода текста (textarea)</h5><p>Многострочное поле ввода текста позволяет отправлять не одну строку, а сразу несколько. При необходимости можно указать атрибут <b>readonly </b>, который запрещает редактировать, удалять и изменять текст, т.е. текст будет предназначен только для чтения. Если необходимо чтобы текст был изначально отображен в многострочном поле ввода, то его необходимо поместить между тэгами <b> <textarea> .
Существует параметр wrap – задание переноса строк. Возможные значения:
off – отключает перенос строк;
virtuals – показывает переносы строк, но отправляет текст как он введен;
physical – переносы строк оставляются в исходном виде.
По умолчанию тег </b> создает пустое поле шириной в <b>20 </b> символов и состоящее из <b>2 </b> строк.<br></p><p> <form method="post"> <textarea name="text" cols="40" rows="5">

Для того, чтобы в многострочном текстовом поле соблюдалось html-форматирование (перенос строк по средством тега
или
), то используйте функцию nl2br() :