Php две формы на странице: php — Разместить 2 формы на одной странице

Получение обратной связи с помощью форм (Symfony Docs)

• Создание типа формы
• Отображение формы
• Настройка типа формы
• Валидация моделей
• Обработка формы
• Загрузка файлов
• Отладка форм
• Отображение загруженных фотографий в административной панели
• Игнорирование загруженных фотографий в Git
• Хранение загруженных файлов в продакшене

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

Используйте бандл Maker для создания класса формы:

Класс App\Form\CommentFormType определяет форму для сущности App\Entity\Comment:

src/App/Form/CommentFormType.php

Тип формы задаёт поля формы, связанные с моделью. Он выполняет преобразование между отправленными данными и свойствами класса модели. По умолчанию для определения конфигурации каждого поля, Symfony использует метаданные (например, метаданные Doctrine) сущности Comment. К примеру, поле text будет отрисовано как textarea, так как в базе данных используется столбец для хранения текста, а не строки.

Для отображения формы, создайте её в контроллере и передайте в шаблон:

Никогда не следует инициализировать класс формы напрямую. Для упрощения создания форм, используйте метод createForm() класса AbstractController.

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

Отобразить форму в шаблоне можно с помощь Twig-функции form:

После обновления страницы конференции в браузере, обратите внимание, что каждое поле формы использует HTML-элемент, соответствующий типу модели:

Функция form() создаёт HTML-форму, используя всю информацию, определённую в типе формы. В том числе эта функция добавляет обязательный для поля загрузки файла атрибут enctype=multipart/form-data к тегу <form>. Более того, эта функция также берёт на себя отображение сообщений об ошибках после отправки формы. Переписав шаблоны по умолчанию можно изменить абсолютно всё, однако для нашего проекта это не понадобится.

Несмотря на то, что поля формы конфигурируются по их типу в модели, вы можете изменить стандартную конфигурацию непосредственно в классе типа формы:

Обратите внимание, что мы добавили кнопку отправки. Это позволит нам продолжить использовать простое выражение {{ form(comment_form) }} в шаблоне.

Некоторые поля не могут быть автоматически сконфигурированы, например, photoFilename — одно из них. Сущность Comment должна только сохранять имя файла с фотографией, форма в свою очередь берёт на себя обработку загрузки файла. Для этого мы добавили поле photo с отключённой опцией mapped, таким образом это поле не будет связано ни с одним свойством в сущности Comment. Мы будем управлять этим полем вручную, чтобы реализовать определённую логику (например, сохранять загруженную фотографию на диск).

В качестве примера настройки, у некоторых полей мы также изменили метки по умолчанию.

Тип формы определяет её внешний вид (используя валидацию HTML5). Пример сгенерированной HTML-формы:

Наша форма содержит поле для электронного адреса (атрибут типа со значением email). Кроме этого, большинство полей обязательны для заполнения (имеют атрибут required). Обратите внимание, что форма также включает в себя скрытое поле _token, используемое для защиты от CSRF-атак.

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

Нам также необходимо добавить некоторые правила валидации для модели Comment:

Мы написали достаточно кода, чтобы отобразить форму.

Теперь в контроллере нам необходимо обработать отправку формы и сохранить данные из неё в базе данных:

После отправки формы объект Comment будет обновлён в соответствии с полученными данными.

Конференция должна быть такой же, как указано в URL-адресе (мы удалили его из формы).

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

Теперь попробуйте заполнить и отправить форму. Всё должно отработать правильно и данные сохраниться в базе данных (проверьте в административной панели). Тем не менее, есть одна проблема — фотографии. Они не сохраняются, так как мы ещё не реализовали обработку их в контроллере.

Чтобы мы могли отображать загруженные фотографии на странице конференции, нам нужно сохранять их в публичной директории. Поэтому мы будем хранить фотографии в директории public/uploads/photos:

Для загруженного файла фотографии мы сначала сгенерируем случайное имя. Затем переместим этот файл в выбранную ранее специальную директорию для хранения фотографий. И наконец, мы сохраним имя файла в объекте Comment.

Вы заметили новый аргумент в методе show()? В данном случае аргумент $photoDir — это обычная строка, а не сервис. Но как тогда Symfony поймёт, что мы хотим получить в таком аргументе? Контейнер Symfony помимо сервисов может также хранить параметры. Параметры — это скалярные значения, которые помогают настраивать различные сервисы. Их можно явно внедрять в сервисы, либо они могут быть привязаны по имени:

Свойство bind позволяет Symfony внедрять соответствующее значение каждый раз, когда в сервисе есть аргумент $photoDir.

Попробуйте загрузить PDF-файл вместо фотографии. Вы увидите сообщения об ошибках в действии. Сейчас они выглядят ужасно, но пока не обращайте внимание на это — мы сделаем всё красиво в последующих шагах, когда будем работать над дизайном сайта. Для стилизации элементов форм нам достаточно поменять одну строчку в конфигурации.

После отправки формы, если что-то не работает как нужно, используйте панель «Form» в профилировщике Symfony. На данной странице вы сможете увидеть информацию о форме, всех её параметрах, отправленные данные, включая то, как они были преобразованы. Если форма содержит ошибки, они так же будут показаны.

Порядок взаимодействия с формой, как правило, выглядит следующим образом:

• Форма отображается на странице;
• Пользователь отправляет форму через POST-запрос;
• Сервер перенаправляет пользователя на другую или ту же самую страницу, на которой находится форма.

Но как нам использовать профилировщик в случае успешной отправки формы? Из-за перенаправления мы никогда не увидим отладочную панель после отправки POST-запроса. Не беда — на перенаправленной странице в панели отладки наведите на зелёную область с надписью «200». Вы увидите, что запрос был перенаправлен (об этом указывает надпись «302»), а рядом есть ссылка на профилировщик (в скобках).

Перейдите по ссылке, чтобы открыть профилировщик этого POST-запроса, затем перейдите на панель «Form».

На данный момент административная панель показывает всего лишь название файла фотографии, хотя мы ожидаем увидеть само изображение:

Не торопитесь фиксировать изменения! Чтобы загруженные файлы фотографий не попали в Git-репозиторий, добавьте директорию /public/uploads в файл .gitignore:

На последнем шаге мы рассмотрим возможность хранения загруженных файлов на продакшен-серверах. Зачем нам нужно что-то делать для этого? Всё из-за того, что большинство современных облачных платформ по ряду причин используют контейнеры только для чтения. Platform.sh — не исключение.

В Symfony-проекте далеко не всё может быть только для чтения. Мы усердно старались закешировать как можно больше данных при сборке контейнера (во время прогрева кеша), однако Symfony всё ещё нужно сохранять файлы пользовательского кеша, логов, сессий (если они хранятся в файловой системе) и т.д.

Откройте файл .platform.app.yaml. В нём уже есть точка монтирования с возможностью записи, указанная для директории var/. Директория var/ — единственное место в файловой системе, в которую Symfony может что-то записывать (кеш, логи и т.п.).

Создадим новую точку монтирования для загруженных фотографий:

Теперь вы можете развернуть код и убедиться в том, что файлы фотографий сохраняются в директории public/uploads/, так же как и в локальной версии.

This work, including the code samples, is licensed under a Creative Commons BY-NC-SA 4. 0 license.

Обработка форм сайта с помощью PHP – База знаний Timeweb Community

Введение

Формы используют для отправки какой-либо информации на сервер, которую необходимо как-то обработать.

Места использования форм:

1. Создание регистрации и авторизации
2. Создание блока комментариев
3. Создание обращения в техническую поддержку (тикеты)

Создаём форму на HTML

Код формы необходимо помещать в <body> HTML документа.

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8">
    <title>Формы</title>
  </head>
  <body>
    Здесь должна быть ваша форма.
   </body>
</html>

Я пропущу скелет документа дальше, чтобы было более понятно.

<form action="" method="post">
<p>Введите логин: <input type="text" name="login"></p>
<p>Введите пароль: <input type="password" name="pass"></p>
<p><input type="submit" value="Отправить" name="done"></p>
</form>

В атрибут action нужно указать обработчик формы (PHP-скрипт). Если поле пусто, значит, обработку формы выполнил тот скрипт, в котором расположена сама форма. В атрибут method нужно указать метод отправки формы (post или get). У каждого свои плюсы и минусы. Вкратце: post отправляет данные так, что пользователь не может их увидеть, а get — так, что они видны в URL-строке браузера.

Наглядный пример get:

Наглядный пример post:
Немного по PHP:

При отправке формы методом POST данные записываются в суперглобальный массив $_POST.

При отправке формы методом GET данные записываются в суперглобальный массив $_GET.

К суперглобальным массивам $_POST и $_GET нужно обращаться обычным способом (как вы делаете это и с обычными ассоциативными массивами) $массив[‘ключ’].

В форме мы сделали 3 <input>. Первые два — поле ввода логина и пароля. Третий — кнопка отправки формы.
Тег <input> имеет атрибут type=»». Для каждого случая указывают свой тип ввода. Допустим, text устанавливают для текста, submit — для отправки формы по атрибуту (action), а password — для пароля (чтобы он отображался звёздочками *).
Кроме того, тег <input> имеет атрибут name=»» и атрибут value=»». Value — стандартное значение элемента, name — предназначено для того, чтобы обработчик формы мог его идентифицировать.

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

Создаём обработчика формы

Мы перешли к самому интересному моменту статьи. Если мы обрабатываем форму на другой странице (action=»example.php»), то после нажатия кнопки подтверждения вас перекинет на указанную страницу.
Если action пуст, то страница с формой перезагрузится.
В самом верху скелета документа (перед <!DOCTYPE html>) открываем теги PHP и обрабатываем форму:

<?

// Если кнопка нажата, то выполняет тело условия
if (isset($_POST['done'])) {
echo 'кнопка обработчика была нажата!<br>';

// Если логин и пароль не пуст(есть значение), а также пароль не 123
if (!empty($_POST['login']) && $_POST['pass'] != 123 && !empty($_POST['pass'])) {
echo "Всё хорошо, все поля пройдены. ";
echo "Здесь должна быть ваша обработка формы. ";
echo "Занесение в базу данных, отправка сообщения и т.п.";
}

// Если логин пуст, тогда выводит сообщение
if ($_POST['login'] == '') {
echo 'Логин пуст!<br>';
}

// Если пароль популярный ||(или) пуст, тогда выводит сообщение
if ($_POST['pass'] == '123' || empty($_POST['pass'])) {
echo "Нельзя использовать популярные пароли. Придумайте свой!<br>";
}
}

?>

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

В самом верху PHP-тега заводим 2 новые переменные, которые по стандарту пусты:

$error_login = "";
$error_pas = "";

В проверке на пароль:

$error_pas .= "Нельзя использовать популярные пароли. Придумайте свой!<br>";

В проверке на логин:

$error_login .= 'Логин пуст!<br>';

.= означает то, что мы берём прошлую строку (пусто) и прибавляем к этому наше сообщение.

В форме HTML:

Добавляем после тега <input> вставку PHP (в данном случае <?= ?>), так как мы только выводим переменную. Суть проста: если ошибки в логине нет, тогда $error_login пуст, а следственно, ничего не выводится, иначе выводим там ошибку.

<p>Введите логин: <input type="text" name="login"><?=$error_login?></p>
<p>Введите пароль: <input type="password" name="pass"><?=$error_pas?></p>

Теперь доработаем форму, чтобы она сохраняла значения полей.

В самом начале добавляем 2 переменные:

$input_login ="";
$input_pass = "";

В начало проверки на ‘нажата ли кнопка отправки’ добавляем:

$input_login = $_POST['login'];
$input_pass = $_POST['pass'];

То есть мы заносим в переменные значения из суперглобального массива $_POST.

И немного изменяем нашу HTML-форму:

<form action="" method="post">
<p>Введите логин: <input type="text" name="login" value="<?=$input_login?>"><?=$error_login?></p>
<p>Введите пароль: <input type="password" name="pass" value="<?=$input_pass?>"><?=$error_pas?></p>
<p><input type="submit" value="Отправить" name="done"></p>
</form>

Добавляем тег value, чтобы указать стандартное значение поля. Теперь если выдаётся ошибка, то значения полей сохраняются, и пользователю нужно не заново их вводить, а только исправить ошибку.

Заключение

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

Всем спасибо за внимание!

Итоговый код страницы с формой + обработчика:

https://pastebin.com/N9WegitB

Форма — внутри другой формы. | PHPClub

DizeL

Новичок

3 Июл 2007

• #1

Форма — внутри другой формы.

Вопрос такой:
Можно ли сделать так, чтоб одна форма была внутри другой.

Например:
<form>
…
(номер накладной)
(фирма — отправитель)
и т.п.

<form>
(тут фильтры для поиска по клиенту)
</form>
(тут выпадающтй список клиентов. Инфо в него подгружается в зависимости от фильтров в пред. форме)
(и другие данные)
…
</form>
Впринципе — работает.
Фильтры ищут, но нет доступа к первым полям. Которые находятся между первой и второй формой.
Можно ли сделать так, чтоб одна форма была внутри другой или как сделать по другому структуру страницы в таком случае?

Жду ответов.
Спасибо.

Фанат

oncle terrible

3 Июл 2007

• #2

ну и нафига тут две формы?
для описаной задачи более чем достаточно одной

DizeL

Новичок

3 Июл 2007

• #3

Автор оригинала: *****
ну и нафига тут две формы?
для описаной задачи более чем достаточно одной

Нажмите для раскрытия. ..

Как?
Поставить 2 SUBMIT???
При нажатии на САБМИТ фильтров мне нужно просто перегрузить страницу и сгенерировать запрос для отображения необходимых клиентов в выпадающем списке.
А после нажатия на САБМИТ основной формы — уже создать в базе новыю накладную и перейти к заполнению других полей.

Как тут это сделать 1 формой?
Подскажите, если можно…

ferryman

………….

3 Июл 2007

• #4

<input type=»button»>

filipchuk

Новичок

3 Июл 2007

• #5

у формы может быть несколько сабмитов, присвой им разные имена и в скрипте проверяй, какой сабмит был нажат

DizeL

Новичок

3 Июл 2007

• #6

Автор оригинала: filipchuk
у формы может быть несколько сабмитов, присвой им разные имена и в скрипте проверяй, какой сабмит был нажат

Нажмите для раскрытия. ..

Не знал, что это возможно.
А как это определить? Можно скинуть ИНФО по этой теме?

Фанат

oncle terrible

3 Июл 2007

• #7

присвой им разные имена

DizeL

Новичок

3 Июл 2007

• #8

Автор оригинала: *****
присвой им разные имена

Нажмите для раскрытия. ..

Ну, разные имена — это понятно.
Как после нажатия понять кого мы нажали???

Скиньте пример кода, если не трудно!

Фанат

oncle terrible

3 Июл 2007

• #9

тебя интересует функция isset
а уж имя переменной, которую проверять с её помощью, ты должен знать сам.

Но, вообще-то, по хорошему, делать здесь надо не так…
а с помощью яваскрипта. Или аякса.
но для тебя ведь это совсем темнывй лес?

DizeL

Новичок

3 Июл 2007

• #10

Автор оригинала: *****
. ..
Но, вообще-то, по хорошему, делать здесь надо не так…
а с помощью яваскрипта. Или аякса.
но для тебя ведь это совсем темнывй лес?

Нажмите для раскрытия…

Пока что да.
Позже возьмусь за это…

Фанат

oncle terrible

3 Июл 2007

• #11

у тебя форма-то методом POST или GET отправляется?

DizeL

Новичок

3 Июл 2007

• #12

Автор оригинала: *****
у тебя форма-то методом POST или GET отправляется?

Нажмите для раскрытия. ..

Мне без разницы как.
Как легче — так и сделаю.

Фанат

oncle terrible

3 Июл 2007

• #13

делать надо не как легче, а как правильньнее.
но в твоем случае получается конфликт. основную форму надо отправлять POSTом, а выбор инфы — GET-ом

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

DizeL

Новичок

3 Июл 2007

• #14

Автор оригинала: *****
делать надо не как легче, а как правильньнее.
но в твоем случае получается конфликт. основную форму надо отправлять POSTом, а выбор инфы — GET-ом

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

Нажмите для раскрытия…

Как тут картинку показать???
Скиньте мыло, пришлю скрин. Станет понятно, что я хочу сделать.
Может тогда вам будет лечге объяснить как это правильно сделать, если вас не затруднит…

Фанат

oncle terrible

3 Июл 2007

• #15

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

nalim

Новичок

3 Июл 2007

• #16

Ну, разные имена — это понятно.
Как после нажатия понять кого мы нажали???

Нажмите для раскрытия…

Видимо всё-таки — не понятно =)

Эти магические инструменты приведут тебя к ответу
(надеюсь)

Variables from outside PHP

var_dump

Aetbaev

Новичок

4 Июл 2007

• #17

Benderlio

Новичок

7 Апр 2008

• #18

у меня такая же проблемма
форма внутри формы.

7 Апр 2008

• #20

Benderlio
Перечитай топик 25 раз.

поля, радио кнопки и флажки

• HTML формы
• Как работают HTML формы
• HTML тег <form>
• Элементы <input>
• Элемент <textarea>
• Выпадающий список
• Элементы <fieldset> и <legend>
• Элемент <label>

HTML формы

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

Как работают HTML формы

Формы состоят из двух частей: HTML разметка (то что отображается на веб-странице) и обработка данных на клиентской (проверка заполнения полей, проверка корректности введенной информации и т.д.) или серверной стороне (сохранение введенных данных, отправка электронных писем и т.д.). Обработка данных формы на сервере обычно написана на PHP, Ruby on Rails, Perl, Python, Node.js и Java.

Рассмотрим пошаговую работу формы:

1. посетитель заходит на страницу с формой, заполняет ее и отсылает
2. браузер отсылает данные из формы на сервер
3. сервер получает данные и передает их сценарию для обработки
4. серверный сценарий обрабатывает данные и создает новую HTML-страницу с ответом, которую он передает обратно веб-серверу
5. веб-сервер отправляет страницу с ответом обратно браузеру
6. браузер получает страницу и отображает ее

HTML тег <form>

Формально, все элементы формы должны находиться внутри элемента <form>:

<form action="myform. php" method="post">
...
содержимое формы
...
</form>

Элемент <form> является контейнером, таким же как <div> или <span>, но он также может содержать атрибуты, которые позволяют настроить запрос отправки, когда пользователь нажимает кнопку «Отправить». Двумя наиболее важными атрибутами являются action и method.

• Атрибут action указывает путь к файлу, куда следует отправлять собранные данные. Если он не указан, данные отправляются на URL-адрес страницы, содержащей форму.
• Атрибут method указывает метод передачи данных: get или post. (подробнее о методах передачи данных читайте описание тега <form> в HTML справочнике)

Элементы <input>

Наиболее часто используемым элементом в формах является <input>. Он позволяет добавить в форму различные элементы для ввода данных. Какой именно элемент ввода данных будет отображен на экране определяется с помощью атрибута type:

type=»text»

Значение text создает однострочное текстовое поле:

<form action="myform. php" method="post">
  <input type="text" name="name">
</form>

Попробовать »

Атрибут name требуется большинству элементов формы, так как его значение передается на сервер и используется серверными сценариями.

Примечание: обратите внимание, что элемент <input> относится к пустым элементам и не имеет закрывающего тега, поэтому перед или после элемента обычно добавляют текст (метка), содержащий информацию о том, какую информацию нужно вводить в текущее поле.

type=»submit»

Создает кнопку, при нажатии на которую браузер отправляет форму на сервер:

<form action="myform.php" method="post">
  <input  type="submit" value="Отправить">
</form>

Атрибут value задает текст, который будет отображен на кнопке, заменяя значение установленное по умолчанию.

type=»radio»

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

<form action="myform.php" method="post">
  <input type="radio" name="response" value="yes">да<br>
  <input type="radio" name="response" value="no">нет
</form>

Попробовать »

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

Примечание: элемент <input> является строчным элементом, поэтому для отображения каждого элемента управления на новой строке нужно добавить после каждого элемента тег <br> или поместить каждый элемент в абзац (в тег <p>).

type=»checkbox»

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

<form action="myform.php" method="post">
  <p><input type="checkbox" name="spice" value="Salt">Соль</p>
  <p><input type="checkbox" name="spice" value="Pepper">Перец</p>
  <p><input type="checkbox" name="spice" value="Garlic">Чеснок</p>
</form>

Попробовать »

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

Примечание: все допустимые значения атрибута type смотрите в нашем HTML справочнике в описании элемента <input>.

Элемент <textarea>

Элемент <textarea> создает многострочное текстовое поле. Если в поле введено больше текста, чем может поместится в текстовой области, то с правой стороны появляется полоса прокрутки. Текст, расположенный между открывающим и закрывающим тегом, будет отображаться в текстовом поле в качестве значения по умолчанию:

<form action="myform. php" method="post">
  <textarea name="comments" rows="10" cols="48">Комментарии оставлять тут!</textarea>
</form>

Попробовать »

Атрибут name должен содержать уникальное имя, которое будет идентифицировать данный элемент на серверной стороне. Атрибут rows позволяет указать количество строк, определяющих высоту текстовой области, а cols задает ширину текстовой области в символах.

Выпадающий список

Элемент <select> создает меню, содержащее выпадающий список. Элементы списка задаются с помощью элементов <option>, которые должны располагаться между открывающим и закрывающим тегами элемента <select>:

<form action="myform.php" method="post">
  <select name="character">
    <option value="Homer">Homer Simpson</option>
    <option value="Marge">Marge Simpson</option>
    <option value="Bart">Bart Simpson</option>
    <option value="Lisa">Lisa Simpson</option>
    <option value="Maggie">Maggie Simpson</option>
  </select>
</form>

Попробовать »

Элементы <fieldset> и <legend>

Для визуального выделения взаимосвязанных элементов формы можно воспользоваться элементом <fieldset>, который добавляет рамку вокруг своих дочерних элементов:

<form action="myform. php" method="post">

  <input type="radio" name="response" value="yes">да<br>
  <input type="radio" name="response" value="no">нет
  
  <fieldset>
    <p><input type="checkbox" name="spice" value="Salt">Соль</p>
    <p><input type="checkbox" name="spice" value="Pepper">Перец</p>
    <p><input type="checkbox" name="spice" value="Garlic">Чеснок</p>
  </fieldset>
  
</form>

Попробовать »

Название (заголовок) для такой группы элементов можно указать с помощью элемента <legend>, который должен быть первым дочерним элементом внутри элемента <fieldset>:

<form action="myform.php" method="post">

  <input type="radio" name="response" value="yes">да<br>
  <input type="radio" name="response" value="no">нет
  
  <fieldset>
    <legend>Специи</legend>
    <p><input type="checkbox" name="spice" value="Salt">Соль</p>
    <p><input type="checkbox" name="spice" value="Pepper">Перец</p>
    <p><input type="checkbox" name="spice" value="Garlic">Чеснок</p>
  </fieldset>
  
</form>

Попробовать »

Элемент <label>

Можно добавлять текст к элементам формы просто написав его рядом с нужным элементом, но для браузеров и поисковых систем, анализирующих разметку веб-страницы, это будет просто текст, не имеющий прямого отношения ни к одному из элементов формы. Элемент <label> позволяет связать текст с определенным элементом формы, такой текст называется меткой (или ярлыком).

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

Связать метку с элементом формы можно двумя способами: поместить весь элемент формы внутрь элемента <label> или с помощью атрибута for, который в качестве значения принимает идентификатор элемента формы, с которым нужно связать метку:

<form action="myform.php" method="post">

  <p><label><input type="radio" name="response" value="yes">да</label></p>
  <p><label><input type="radio" name="response" value="no">нет</label></p>
	
  <p>
    <input type="checkbox" name="spice" value="Salt">
	<label for="spice_salt">Соль</label>
  </p>
  <p>
    <input type="checkbox" name="spice" value="Pepper">
	<label for="spice_pepper">Перец</label>
  </p>
  <p>
    <input type="checkbox" name="spice" value="Garlic">
	<label for="spice_garlic">Чеснок</label>
  </p>
  
</form>

Попробовать »

Метки можно размещать как до так и после элемента управления, связанного с ней, потому что, если значение атрибута for элемента <label> совпадает со значением атрибута id элемента формы, то неважно где будет находиться метка.

php — Как разместить две формы на одной странице?

Спросил 9 лет, 9 месяцев назад

Изменено 2 года, 5 месяцев назад

Просмотрено 193k times

Я хочу разместить форму регистрации и входа на одной странице.
Они оба начинаются с:

 if (!empty($_POST)) ...
 

поэтому мне нужно что-то вроде:

 if (!empty($_POST_01))... // regForm
  а также
если (!пусто($_POST_02))... //форма входа
 

Также как предотвратить выполнение первой формы, если вторая занята, и наоборот (пользователь нажимает на обе)
Моя идея состоит в том, чтобы создать простую переменную при запуске процесса, например $x = 1 и в конце процесс $x = 0 , поэтому:

 if ((!empty($_POST_01)) And $x = 0)...
 

Возможно, есть способ получше.

• php
• html
• формы

2

Вы можете сделать две формы с двумя разными действиями

 
 php" method="post">
    <тип ввода="текст" имя="пользователь">
    
    




    <тип ввода="текст" имя="пользователь">
    
    

 

Или сделайте так

 
    <тип ввода="текст" имя="пользователь">
    
    
    




    <тип ввода="текст" имя="пользователь">
    
    
    

 

Тогда ваш PHP-файл будет работать как переключатель ($_POST[‘action’]) … кроме того, они не могут щелкнуть по обеим ссылкам одновременно или сделать одновременный запрос, каждая отправка — это отдельный запрос.

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

5

Каждая форма может перейти на различных страниц. (что предпочтительнее)

Или иметь другое значение для определенного входа и базы постов на этом:

 переключатель($_POST['отправить']) {
    случай 'логин':
    //...
    ломать;
    случай 'регистр':
    //...
    ломать;
}
 

3

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

Форма одной кнопки — btn1 Сформируйте две кнопки -btn2

Код PHP:

 if($_POST['btn1']){
    //Авторизоваться
}elseif($_POST['btn2']){
    //Регистр
}
 

Вы можете использовать этот самый простой способ.

 
    <тип ввода="текст" имя="пользователь">
    
    





 php" method="post">
    <тип ввода="текст" имя="пользователь">
    
    
 

1

Вот две формы с двумя кнопками отправки:

А вот и ваш код PHP:

 if (isset($_POST['btnPostMe1'])) { //ваш код 1 }
if (isset($_POST['btnPostMe2'])) { // ваш код 2 }
 

Надеюсь, это поможет вам. Предполагается, что форма входа имеет: ввод имени пользователя и пароля.

 if(isset($_POST['имя пользователя']) && trim($_POST['username']) != "" && isset($_POST['пароль']) && trim($_POST['пароль'] знак равно
//авторизоваться
} еще {
//регистр
}
 

4

Твой ответ

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Обязательно, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Форма, отправляющая данные на две разные страницы действий

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

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

Мы можем использовать одну и ту же форму для отправки на две разные страницы. Демо ниже отправит форму на две разные страницы.

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

Ниже вы можете увидеть две кнопки, одна из которых открывает страницу test5.html в этом окне, а другая кнопка открывает test6.html в новом окне (сохраняя это окно на той же странице).

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

Вот код вышеуказанной формы с кнопкой отправки.

 <имя формы=метод f1=post action=test5.php>
<тип ввода=текстовое имя=имя значение='plus2net'>


 

Отправить форму в новое окно → Код HTML и JavaScript для возврата на предыдущую страницу →
← HTML-форма

Эта статья написана командой plus2net. com .

plus2net.com

• Текстовое поле для ввода любого (короткого) текста, обычно длиной до 100 символов
• Скрытое поле для передачи данных, невидимых пользователю
• Поле пароля Аналогично текстовому полю, но введенная дата не маскируется и не отображается как **
• TextArea Ввод большого количества текста
• RadioButton Выбор одного варианта из многих
• Флажок Выбор одного или нескольких вариантов из множества
• Кнопка Для запуска событий или действий, созданных пользователем
• Кнопка изображения Используется для действий щелчка для выполнения некоторого сценария события
• Кнопка отправки Кнопка для всех введенных пользователем данных формы
• Две кнопки отправки Отправка одних и тех же данных формы в две разные формы
• Отправить новое окно Отправка данных формы в новое окно
• Кнопка сброса Кнопка для сброса данных формы
• Раскрывающееся меню Выбор одного параметра из списка параметров, доступных в списке или раскрывающемся меню
• Список данных Параметры для выбора с функцией автозаполнения
• Кнопка «Назад» Возврат на предыдущую страницу нажатием
• Загрузка файлов Загрузка файлов на сервер с помощью HTML-формы
• Установить фокус Удержание курсора на поле ввода во время загрузки страницы

• Другие элементы формы HTML
• Кнопка в HTML
• Кнопка как гиперссылка
• Связывание разных областей изображения с разными страницами
• Гиперссылка на страницах HTML
• Как открыть ссылку в новом окне
• Открытие дочернего окна с помощью JavaScript
• Связывание различных областей страницы с возвратом вверх: узнайте, как разработать страницу часто задаваемых вопросов
• Использование части изображения в качестве гиперссылки
• Ссылка Mailto Email

kundan	27-06-2014
nice help me alot thanks

osiris	17-08-2014
very nice helped me alot thx

болт	12-09-2014
Вы лучшие

Vishnu

20-09-20149992492424242424242424242424242424242424242424242424242424242424242424242424924242424242н.

ekke	16-10-2014
Да, это помогло решить мою проблему. Спасибо!

Питер	09-12-2014
спасибо мужик! 🙂

сан	17-04-2015
это очень полезно, спасибо, я получил решение моей проблемы здесь .. Большое спасибо….. 🙂 Продолжайте обновлять такие приятные коды

pratish	12-11-2018
+1… это мне очень поможет, если. ….. Может ли он перенаправить с помощью метода _POST? все имя поля формы? Если другой php хочет отправить все поля формы.

smo1234	25-11-2018
В форму можно добавить все имена полей формы. После получения вы можете перенаправить на любую страницу.

	25-04-2020
это гениально, большое спасибо.

Пишите сюда свои комментарии, предложения, ошибки, требования и т.д.

Деталь

©2000-2022 plus2net.com Все права защищены во всем мире Политика конфиденциальности Отказ от ответственности

Как получить доступ к отправленным данным формы в PHP

Рекламные объявления

В этом руководстве вы узнаете, как собирать пользовательские данные, отправленные через форму, используя суперглобальные переменные PHP $_GET , $_POST и $_REQUEST .

Создание простой контактной формы

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

Откройте ваш любимый редактор кода и создайте новый файл PHP. Теперь введите следующий код и сохраните этот файл как «contact-form.php» в корневом каталоге вашего проекта.

Пример

Скачать

 

<голова>
    <мета-кодировка="UTF-8">
    

<тело>
     
Свяжитесь с нами
 
    
Пожалуйста, заполните эту форму и отправьте нам.
    
        <р>
            Имя:*
            <тип ввода="текст" имя="имя">
        

        <р>
            Электронная почта:*
            
        

        <р>
            Тема:
            <тип ввода="текст" имя="тема">
        

        <р>
            Сообщение:*
            
        

        
        <тип ввода="сброс" значение="Сброс">
    

 

Объяснение кода

Обратите внимание, что в открывающем теге есть два атрибута:

• Атрибут action ссылается на файл PHP «process-form. php», который получает данные, введенные в форму. когда пользователь отправляет его, нажав кнопку отправки.
• Атрибут метода указывает браузеру отправлять данные формы с помощью метода POST.

Остальные элементы внутри формы являются основными элементами управления формы для приема пользовательских данных. Чтобы узнать больше об элементах HTML-форм, ознакомьтесь с учебным пособием по HTML-формам.

---

Сбор данных формы с помощью PHP

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

Суперглобальный	Описание
$_GET	Содержит список всех имен полей и значений, отправленных формой с использованием метода get (т. е. через параметры URL).
$_POST	Содержит список всех имен полей и значений, отправленных формой с использованием метода post (данные не будут отображаться в URL-адресе).
$_ЗАПРОС	Содержит значения переменных $_GET и $_POST , а также значения суперглобальной переменной $_COOKIE .

Когда пользователь отправляет вышеуказанную контактную форму, нажав кнопку отправки, данные формы отправляются в файл «process-form.php» на сервере для обработки. Он просто фиксирует информацию, отправленную пользователем, и отображает ее в браузере.

Код PHP файла «process-form.php» будет выглядеть примерно так:

Пример

Скачать

 

<голова>
    <мета-кодировка="UTF-8">
    

<тело>
     
Спасибо
 
    
Вот предоставленная вами информация:
    <ол>
        
Имя: 
        
Электронная почта: 
        
Тема: 
        
Сообщение: 
    

 

Приведенный выше код PHP довольно прост. Поскольку данные формы отправляются через метод post, вы можете получить значение определенного поля формы, передав его имя в суперглобальный массив $_POST , и отобразить каждое значение поля с помощью инструкции echo() .

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

Предыдущая страница Следующая страница

Конструктор веб-форм Arclab® | Программное обеспечение для разработки форм HTML/PHP

 

Мощное программное обеспечение для разработки форм

Визуальный редактор форм HTML/PHP для ПК с ОС Windows

 

 

   

Программное обеспечение для разработки веб-форм

для начинающих и профессионалов

 

проверка   Дизайн формы с использованием визуальной среды

проверка   Форма и включены шаблоны оформления

проверить   Создано PHP-скрипт работает на вашем сайте

проверить   Частный и безопасный — без внешней обработки данных

проверить   Отправить данные формы по электронной почте на ваш адрес электронной почты

чек   Вставить данные формы в базу данных MySQL

чек   Оплата поля обработки и подписи

чек Соответствие GDPR Европейского Союза

проверить   Нет подписки и без периодических комиссий

чек   Без ограничений отправка форм

чек Скачать полнофункциональную пробную версию для Windows ПК

	Создать Форма на вашем компьютере
	Загрузить форму на ваш собственный веб-сайт
	Собери Результаты в вашем почтовом ящике или в базе данных MySQL

Создавайте профессиональные онлайн-формы

для своего веб-сайта без Кодирование

 

Создайте форму в Arclab Web Form Builder и укажите данные для ввода пользователем. Просто нажмите кнопку, и программа создает полный код формы PHP для отображения формы и обработки отправленные данные формы. Сгенерированный PHP-скрипт может отправить по электронной почте формировать данные или вставлять данные в базу данных MySQL.

Все вы необходимо загрузить форму (файл PHP) на свой веб-сайт и скопируйте/вставьте код вставки на веб-страницу, на которой должен размещаться форма. Форма может быть включена практически в любую хост-страницу, HTML или PHP. Веб-формы также могут быть вставлены в системы CMS, такие как как WordPress, Joomla, Drupal или Typo3 без использования дополнительных плагинов.

 

Загрузить пробную версию Версия   Покупка   E.U. Соответствие GDPR

Шаблоны дизайна, модули форм

и шаблоны веб-форм

 

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

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

 

Шаблоны и модули веб-форм

Функции программного обеспечения

 

проверить   Онлайн-сборка контактные формы, формы заказов, пользовательские формы

чек Включает в себя готовые к использованию шаблоны форм

чек Создание одно- и многостраничные веб-формы

проверить   Интегрировать веб-форму практически на любой веб-сайт

проверить   Вставить форму на существующей странице HTML или PHP

проверить   Вставить форму в Вордпресс, Страница Joomla, Drupal или Typo3

проверка   Нет кода формы или требуется знание PHP

проверить   Шаблоны дизайна включены

чек   Отправить отправка веб-формы с использованием PHP mail()

check   PHP mail() режимы совместимости для всех серверов

проверить   Отправить отправка формы с использованием SMTP (PEAR::Mail)

чек   Вставьте отправка формы в таблицу базы данных MySQL

check   Отправить файл загружать как вложения электронной почты

проверить   Вставить файл загрузки в MySQL

проверка   Определите последовательность задач при отправке формы

проверка   Обработка платежей прямо в форме

проверить Поддерживает PayPal® Smart Payment Button платежи

чек Поля для подписи (с мышь и сенсорный ввод)

проверить   Выполнить пользовательский Код PHP

проверить   Гибкий и полностью настраиваемый макет

проверка   Проверка ввода

проверка   Пользовательская ошибка сообщения

проверка Поддерживает XML и CSV Форма вложения данных

проверить Включает пользовательский календарь элемент управления как средство выбора даты

проверить   Показать/скрыть элементы формы на основе условия

проверка   Включает скрытые и расчетные поля

чек   Включает логические элементы

проверка   Поддерживает reCaptcha® v2 от Google®

проверить   Поддерживает Невидимая капча от Google®

проверить   Отправить пользовательский сообщения электронной почты в текстовом формате и/или формате HTML

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

проверить   Скачать настраиваемые вложения электронной почты с веб-сервера

проверить Пользовательские вложения электронной почты в формате PDF с использованием TCPDF или FPDF

проверка   Поддерживает все языки и международные кодировки (utf-8)

check   Сгенерировано PHP-скрипт работает на вашем собственном сайте

проверить   Данные формы обрабатывается на вашем веб-сайте

проверить   Вы сохраняете полный контроль над данными

проверка   Работает с PHP 5. 3.2++, PHP 7++ и PHP 8++

проверить   Нет требуется jQuery или другие внешние ресурсы

проверить   Нет файлов cookie требуется

проверка   Форма создана на HTML5, CSS3 и JavaScript

проверить   Работает с все современные браузеры

проверить   Visual Web Редактор форм для ПК с Windows

проверить Попробуйте Arclab® Web Form Builder без регистрация

 

Скачать пробную версию   Программа Скриншоты   Версия Сравнение Соответствие GDPR

Разработка веб-форм с использованием

Visual Environment

Arclab Web Form Builder позволяет создавать все виды форм, от контактных форм до сложных многостраничных форм. Он включает в себя все виды элементов ввода, которые могут быть проверены при вводе пользователем, чтобы помочь пользователя в правильном заполнении формы и избежать неверных данных. Появление всех элементов формы можно настроить в соответствии с дизайном вашего сайта.

 

 

Конфиденциальность и безопасность:

На вашем собственном веб-сайте

Arclab Web Form Builder — это программный продукт для ПК с ОС Windows а не онлайн-сервис. Вы можете создать веб-форму на своем локальном компьютер и запустите полную обработку формы/данных на своем собственном веб-сайте. Не требуется внешнего хостинга форм, и он допускает неограниченное количество форм. представления.

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

Формы, созданные с помощью программа может быть интегрирована практически в любой веб-сайт. Единственное требование заключается в том, что вы можете загружать свои собственные PHP-скрипты на веб-сайт и в Интернет. сервер поддерживает выполнение PHP-скриптов.

 

Формы можно вставлять на любую веб-страницу HTML или PHP или использовать напрямую без хост-страницы. Программа также содержит подробную инструкцию для вставки формы в популярные CMS системы, такие как WordPress, Joomla, Друпал или Typo3.

Скачать Arclab® Web Form Builder и проверьте все функции, а также интеграцию на ваш сайт. Тестовая версия полностью функциональна и отличается из лицензионной версии только примечанием или водяным знаком.

Обработка платежей PayPal® в ваших формах

Интеграция платежей с помощью интеллектуальной платежной кнопки PayPal® легко и без кодирования на вашем сайте. Обрабатывать платежи за ваши продукты и услуги без необходимости в системе корзины покупок.

 

Загрузить пробную версию   Узнать больше

Отправить данные формы

как сообщение электронной почты

Сценарий создает электронное письмо из отправленного содержимого формы после того, как пользователь нажмет кнопку отправки на (окончательной) странице формы. Отправка формы можно отправить одному или нескольким получателям в текстовом и/или HTML-формате формат. Выберите между автоматически сгенерированными форматами сообщений или создайте собственный сообщение в вашем собственном дизайне. Помимо тела сообщения, форма данные также могут быть прикреплены в виде файлов XML и CSV.

Дополнительный автоответчик или пользовательское сообщение может быть отправлено лицу, заполняющему форма. Веб-форма, а также электронная почта имеют формат utf-8, который поддерживает все языки и международные символы. Результаты формы придет прямо в ваш почтовый ящик после отправки формы.

Вставка данных формы

в базу данных MySQL

Arclab Web Form Builder позволяет определить последовательность отправки задачи, которые будут выполняться при отправке формы. Скрипт создан программой можно не только отправить данные формы по электронной почте, но и вставить непосредственно в базу данных MySQL.

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

 

Загрузить пробную версию   Версия Сравнение

Обработка форм | Заметки CodePath Cliffnotes

Основы форм

Это базовая HTML-форма.

Эта форма отправит значения своих полей ввода в «register.php», используя метод запроса «POST».

Значения будут упакованы и отправлены как «данные POST». Мы не видим данные POST в URL-адресе, как в случае с данными GET, и данные POST не нужно кодировать или декодировать, как данные GET.

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

---

Получение значений формы

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

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

Логическое значение ? true\_result : false\_result Синтаксис называется тернарным оператором и удобен для написания оператора if-else в одной строке. В PHP 7 добавлен новый оператор объединения null ( ?? ), чтобы сделать его еще короче и проще.

---

Обнаружение отправки формы

Обычный метод обработки форм заключается в наличии страницы, которая реагирует по-разному в зависимости от того, была ли форма отправлена ​​на нее. Существует два метода определения отправки формы.

Первый метод заключается в проверке значения REQUEST_METHOD.

Это можно представить как легко запоминающуюся функцию.

Второй метод заключается в том, чтобы поместить пару имя/значение во входные данные отправки, а затем определить, установлено ли значение для $_POST[‘submit’].

Обратите внимание, что name="submit" необязателен для работы формы, но необходим для работы этого метода. Входные данные HTML без имен не включаются в данные формы.

---

Отправка формы самой себе

Другим распространенным методом обработки формы является отправка формы обратно на собственную страницу. Первый запрос страницы (GET, при вводе URL) показывает форму. Второй запрос страницы (POST, при отправке формы) обработает форму. Это имеет то преимущество, что позволяет легко повторно отобразить форму, если есть ошибки, и повторно заполнить поля ввода недавно отправленными значениями.

---

Обработка ошибок формы

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

Вот пример кода, который берет массив ошибок и выводит их в виде списка внутри div для отображения на странице формы.

 ";
      $output .= "Пожалуйста, исправьте следующие ошибки:";
      $output .= "
";
      foreach ($errors как $error) {
        $output .= "
{$error}
";
      }
      $выход .= "
";
      $выход .= "