PHP _SELF в атрибуте формы action. HTML-формы

Зачастую на Web – сайтах можно встретить страницы с размещенными на них HTML - формами. Веб-формы – удобный способ получения информации от посетителей вашего сайта. Пример тому – гостевая книга , – которая обеспечивает обратную связь с посетителями и разработчиками сайта. Формы так же удобны и для разработчиков сайта при разработке CMS, которая позволяет поддерживать главное свойство сайта - актуальность. Данная статья посвящена основам создания HTML-форм, их обработке и способам передачи данных из экранных форм в PHP-сценарии.

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

Теги

задают начало и конец формы. Начинающий форму тег

содержит два атрибута: action и method . Атрибут action содержит адрес URL сценария, который должен быть вызван для обработки сценария. Атрибут method указывает браузеру, какой вид HTTP запроса необходимо использовать для отправки формы; возможны значения POST и GET .

Замечание

Главное отличие методов POST и GET заключается в способе передачи информации. В методе GET параметры передаются через адресную строку, т.е. по сути в HTTP-заголовке запроса, в то время как в методе POST параметры передаются через тело HTTP-запроса и никак не отражаются на виде адресной строки.

$text = nl2br ($_POST [ "mytext" ]);
?>

Задача: Пусть необходимо создать выпадающий список с годами с 2000 по 2050.
Решение: Необходимо создать HTML форму c элементом SELECT и PHP – сценарий для обработки формы.

Обсуждение:

Для начала создадим два файла: form.html и action.php . В файле form.html будет содержаться html-форма с выпадающим списком. Причем значения в списке можно указать двумя способами:

I. Ввод данных вручную:

II. Ввод данных через цикл:

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

Описание:

Создадим HTML-форму для отправки файла на сервер.

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

Затем необходимо написать сценарий обработчик action.php . Перед написание обработчика необходимо определиться в какой каталог мы будет копировать файл:

if(isset($_FILES [ "myfile" ])) // Если файл существует
{
$catalog = "../image/" ; // Наш каталог
if (is_dir ($catalog )) // Если такой каталог есть
{
$myfile = $_FILES [ "myfile" ][ "tmp_name" ]; // Времменый файл
$myfile_name = $_FILES [ "myfile" ][ "name" ]; // Имя файла
if(! copy ($myfile , $catalog )) echo "Ошибка при копировании файла " . $myfile_name // Если неудалось скопировать файл
}
else mkdir ("../image/" ); // Если такого каталога нет, то мы его создадим
}
?>

Замечание

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

Данный пример демонстрирует создание каталога и копирование файла в этот каталог на сервер.

Также хотел бы продемонстрировать пример с элементом checkbox . Этот элемент немного отличается от других элементов тем, что если не один из элементов checkbox ’a не выбран, то суперглобальная переменная $_POST вернет пустое значение:

if (!empty($_POST [ "mycolor" ])) echo $_POST [ "mycolor" ]; // Если выбран хоть 1 элемент
else echo "Выберите значение" ;
?>

Есть еще вопросы или что-то непонятно - добро пожаловать на наш

HTML формы — сложные элементы интерфейса. Они включают в себя разные функциональные элементы: поля ввода и , списки <select> , подсказки и т.д. Весь код формы заключается в элемент <form> .</p> <p>Большая часть информации веб-форм передаётся с помощью элемента <input> . Для ввода одной строки текста применяется элемент <input type="text"> , для нескольких строк - элемент <textarea> . Элемент <select> создает выпадающий список.</p> <p>Элемент <label> создаёт надписи к полям формы. Существует два способа группировки надписи и поля. Если поле находится внутри элемента <label> , то атрибут for указывать не нужно.</p><p> <label for="lastname">Last Name</label><input type="text" id="lastname"> <input type="text" id="lastname"><label for="lastname">Last Name</label> <label>Last Name<input type="text" name="lastname"></label> </p><p>Поля формы можно разделять на логические блоки с помощью элемента <fieldset> . Каждому разделу можно присвоить название с помощью элемента <legend> .</p><p> <fieldset> <legend>Контактная информация</legend> <label>Имя<input type="text" required></label> <label>E-mail<input type="email" required></label> </fieldset> <br><img src='https://i1.wp.com/html5book.ru/wp-content/uploads/2015/05/fieldset.png' width="100%" loading=lazy> Рис. 1. Группировка полей формы </p><p>Чтобы сделать форму более понятной для пользователей, в поля формы добавляют текст, содержащий пример вводимых данных. Такой текст называется подстановочным и создаётся с помощью атрибута placeholder .</p> <p>Обязательные для заполнения поля также необходимо выделять. До появления HTML5 использовался символ звездочки * , установленный возле названия поля. В новой спецификации появился <a href="/tools/css-selektory-atributov-i-ih-raznovidnosti-specialnye-selektory-v-css.html">специальный атрибут</a> required , который позволяет отметить обязательное поле на уровне разметки. Этот атрибут дает указание браузеру (при условии, что тот поддерживает HTML5), указание не отправлять данные после нажатия пользователем кнопки отправить, пока указанные поля не заполнены.</p><p> <input type="text" required placeholder="Ваше имя"> </p><p>Для изменения внешний вид <a href="/social-network/kak-nastroit-tekstovoe-pole-v-microsoft-word-kak-sdelat-nuzhnye.html">текстового поля</a> при получении фокуса, используется псевдокласс focus . Например, можно сделать фон текущего поля более темным или добавить цветную рамку, чтобы оно выделялось среди остальных:</p><p>Input:focus { background: #eaeaea; } </p><p>Ещё один полезный html5-атрибут — атрибут autofocus . Он позволяет автоматически установить фокус на нужном начальном поле для элементов <input> и <textarea> (только в один элемент каждой формы).</p> <h2>Пример создания формы регистрации</h2> <p><b>HTML разметка </b></p><p> <div class="form-wrap"> <div class="profile"><img src='https://i0.wp.com/сайт/wp-content/uploads/2016/10/profile-image.png' loading=lazy> <h1>Регистрация</h1> </div> <form method="post" action="form.php"> <div> <label for="name">Имя</label> <input type="text" name="name" required> </div> <div class="radio"> Пол <label> <input type="radio" name="sex" value="мужской">мужской <div class="radio-control male"></div> </label> <label> <input type="radio" name="sex" value="женский">женский <div class="radio-control female"></div> </label> </div> <div> <label for="email">E-mail</label> <input type="email" name="email" required> </div> <div> <label for="country">Страна</label> <select name="country"> <option>Выберите страну проживания</option> <option value="Россия">Россия</option> <option value="Украина">Украина</option> <option value="Беларусь">Беларусь</option> </select> <div class="select-arrow"></div> </div> <button type="submit">Отправить</button> </form> </div> </p><p><b>Примечание </b><br> action="form.php" — ссылка на файл обработчика формы. Создайте файл в кодировке UTF-8, закачайте его на сервер и замените action="form.php" на путь к файлу на вашем сервере.</p> <br><img src='https://i0.wp.com/html5book.ru/wp-content/uploads/2016/10/form-default.png' width="100%" loading=lazy> Рис. 2. <a href="/text/kak-izmenit-vneshnii-vid-v-kontakte-kak-sdelat-tak-chtoby.html">Внешний вид</a> формы по умолчанию <p>Как видно из рисунка, каждый элемент формы имеет стили браузера по умолчанию. Очистим стили и оформим элементы формы.</p><p>Form-wrap { width: 550px; background: #ffd500; border-radius: 20px; } .form-wrap *{transition: .1s linear} .profile { width: 240px; float: left; text-align: center; padding: 30px; } form { background: white; float: left; width: calc(100% - 240px); padding: 30px; border-radius: 0 20px 20px 0; color: #7b7b7b; } .form-wrap:after, form div:after { content: ""; display: table; clear: both; } form div { margin-bottom: 15px; position: relative; } h1 { font-size: 24px; font-weight: 400; position: relative; margin-top: 50px; } h1:after { content: "\f138"; font-size: 40px; font-family: FontAwesome; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); } /********************** стилизация элементов формы **********************/ label, span { display: block; font-size: 14px; margin-bottom: 8px; } input, input { border-width: 0; outline: none; margin: 0; width: 100%; padding: 10px 15px; background: #e6e6e6; } input:focus, input:focus { box-shadow: inset 0 0 0 2px rgba(0,0,0,.2); } .radio label { position: relative; padding-left: 50px; cursor: pointer; width: 50%; float: left; line-height: 40px; } .radio input { position: absolute; opacity: 0; } .radio-control { position: absolute; top: 0; left: 0; height: 40px; width: 40px; background: #e6e6e6; border-radius: 50%; text-align: center; } .male:before { content: "\f222"; font-family: FontAwesome; font-weight: bold; } .female:before { content: "\f221"; font-family: FontAwesome; font-weight: bold; } .radio label:hover input ~ .radio-control, .radiol input:focus ~ .radio-control { box-shadow: inset 0 0 0 2px rgba(0,0,0,.2); } .radio input:checked ~ .radio-control { color: red; } select { width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 0; background: #e6e6e6; color: #7b7b7b; -webkit-appearance: none; /*убираем галочку в webkit-браузерах*/ -moz-appearance: none; /*убираем галочку в Mozilla Firefox*/ } select::-ms-expand { display: none; /*убираем галочку в IE*/ } .select-arrow { position: absolute; top: 38px; right: 15px; width: 0; height: 0; pointer-events: none; /*активизируем показ списка при нажатии на стрелку*/ border-style: solid; border-width: 8px 5px 0 5px; border-color: #7b7b7b transparent transparent transparent; } button { padding: 10px 0; border-width: 0; display: block; width: 120px; margin: 25px auto 0; background: #60e6c5; color: white; font-size: 14px; outline: none; text-transform: uppercase; } /********************** добавляем форме адаптивность **********************/ @media (max-width: 600px) { .form-wrap {margin: 20px auto; max-width: 550px; width:100%;} .profile, form {float: none; width: 100%;} h1 {margin-top: auto; padding-bottom: 50px;} form {border-radius: 0 0 20px 20px;} } </p><p><b>Файл form.php </b></p><p> <?php $name = trim(strip_tags($_POST["name"])); $sex = trim(strip_tags($_POST["sex"])); $email = trim(strip_tags($_POST["email"])); $country = trim(strip_tags($_POST["country"])); $subject = "Регистрация на сайте url_вашего_сайта"; $msg = "Ваши данные формы регистрации:\n" ."Имя: $name\n" ."Пол: $sex\n" ."Ваш email: $email\n" ."Страна: $country"; $headers = "Content-type: text/plain; charset=UTF-8" . "\r\n"; $headers .= "From: Ваше_имя <ваш_email>" . "\r\n"; $headers .= "Bcc: ваш_email". "\r\n"; if(!empty($name) && !empty($sex) && !empty($email) && !empty($country) && filter_var($email, FILTER_VALIDATE_EMAIL)){ mail($email, $subject, $msg, $headers); echo "Спасибо! Вы успешно зарегистрировались."; } ?> </p><p><b>Примечание </b><br> В переменной $subject укажите текст, который будет отображаться как заголовок письма;<br> Ваше_имя — здесь вы можете указать имя, которое будет отображаться в поле «от кого письмо» ;<br> url_вашего_сайта замените на адрес сайта с формой регистрации;<br> ваш_email замените на ваш адрес <a href="/social-network/chto-oboznachaet-elektronnaya-pochta-chto-takoe-elektronnaya-pochta.html">электронной почты</a>;<br> $headers .= "Bcc: ваш_email". "\r\n"; отправляет <a href="/internet/nerazumnyi-svyazi-otpravit-kopiyu-rabota-s-polyami-komu-to-kopiya.html">скрытую копию</a> на ваш адрес электронной почты.</p> <p>В этом уроке PHP рассматриваются базовые понятия языка: обработка форм с отправкой запроса в веб-страницы, основные управляющие конструкции php при обработке форм, запись данных из <a href="/android/kod-formy-obratnoi-svyazi-sozdaem-formu-obratnoi-svyazi-na-php-dlya-chego-nuzhna.html">формы PHP</a> в файл, функция даты в PHP date(). </p> <p>1. Напомним, что все файлы <b>php </b> тестируются только при запущенном <b>Денвере </b> и только из адресной строки браузера. <b><span>Запускать <a href="/download/kak-otkryt-php-fail-v-xampp-ustanovka-xampp-nastroika-poddomenov-i-virtualnyh.html">файлы php</a> <a href="/optimization/ubrat-dvoinoi-shchelchok-pochemu-idet-dvoinoe-nazhatie-myshi-kak.html">двойным щелчком</a> нельзя! </span> </b></p> <p>2. Запустите Денвер.</p> <h3>Упражнение 1. Обработка простой формы</h3> <p>В <a href="/graphic-editors/obyazatelnye-programmy-dlya-kompyutera-nuzhno-znat-vash-otchet-po-dannomu-uroku.html">данном уроке</a> PHP рассмотрим обработку формы на HTML-странице, создание переменных PHP для полей формы.</p> <p>1. Создайте форму, как на рис. 3.1. Подразумевается, что при нажатии на кнопку Отправить заказ данные из формы будут переданы администратору, а клиент на экране увидит ответ <b>Заказ обработан </b>. Если Вы затрудняетесь в написании формы, тогда реализуйте код, приведенный ниже рисунка, и сохраните его в папке <b>php_2 </b> под именем <b>forma_bob.html </b> Напоминаем, что адрес обработчика формы записывается в атрибуте <b>action </b> тега <b>form </b>.</p> <p>Рисунок 3.1</p> <p><img src='https://i2.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.1.1.jpg' height="766" width="574" loading=lazy></p> <p>2. Для того, чтобы пользователь получил ответ после отправки данных, необходимо создать обработчик формы на языке php. Создайте код, приведенный ниже, и сохраните его в папке <b>php_2 </b> под именем <b>zakaz.php </b></p> <p><img src='https://i2.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.2.1.jpg' width="100%" loading=lazy></p> <p>3. Проверьте работоспособность обработчика. Для этого запустите файл <b>forma_bob.html </b> через браузер, набрав в <a href="/graphics/zabanili-v-odnoklassnikah-chto-delat-chto-delat-esli-zablokirovali-odnoklassniki-problema-s-adres.html">адресной строке</a> браузера адрес <b>http://localhost/php_2/forma_bob.html </b></p> <p>4. В поля формы введите любые цифры и нажмите кнопку <b>Отправить заказ </b>. Результат на рис. 3.2.</p> <p><img src='https://i2.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.2.jpg' height="155" width="369" loading=lazy></p> <p>Рисунок 3.2</p> <h4>Переменные формы</h4> <p>Весь смысл использования формы заказа заключается в получении информации о заказе клиента, которую он ввел с клавиатуры. Внутри PHP-сценария к каждому из полей формы можно получить доступ как к переменной, имеющей то же имя, что и у поля формы. В языке PHP переменные легко распознать, так как они начинаются со знака доллара <b>$ </b>.</p> <p>Вы можете получить доступ к содержимому поля <b>tireqty </b> следующими способами:</p> <p><b>$tireqty </b> //короткий стиль</p> <p><b>$_POST[‘tireqty’] </b> //средний стиль</p> <p><b>$HTTP_POST_VARS[‘tireqty’] </b> //длинный стиль</p> <p>Мы будем использовать длинный стиль для ссылок на <a href="/players/chem-zamenit-soprotivlenie-10-om-rezistor-rezistory-peremennogo.html">переменные формы</a>, но для простоты использования строить короткие версии применения. Это удобный и <a href="/android/na-planshete-vklyuchilsya-bezopasnyi-rezhim-kak-ubrat-bezopasnyi-rezhim.html">безопасный способ</a> манипулирования данными, который эффективно работает во всех системах, независимо от выбранных версий и настроек.</p> <p>Копируя содержимое одной переменной в другую, мы применяем операцию присваивания, для обозначения которой в языке PHP используется знак равенства (<b>= </b>). Приводимая ниже строка кода создает новую переменную с именем <b>$tireqty </b> и переносит содержимое <b>$_POST[‘tireqty’] </b> в эту новую переменную:</p> <p><b>$tireqty=$_POST[‘tireqty’] </b></p> <p>Так как этот сценарий не генерирует никаких выходных данных, нет никакой разницы, будет он помещен выше или ниже дескриптора <b><html> </b>. Обычно этот блок размещается в начале сценария.</p> <p>5. В файле <b>zakaz.php </b> измените код следующим образом и проверьте работоспособность формы. Результат на рис. 3.3. Цифры могут отличаться в зависимости от того, какие данные Вы ввели.</p> <p><img src='https://i2.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.3.1.jpg' width="100%" loading=lazy></p> <p><img src='https://i0.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.3.jpg' height="230" width="343" loading=lazy></p> <p>Рисунок 3.3</p> <h3>Упражнение 2. Создание калькулятора для формы «Автозапчасти от Боба»</h3> <p>В этом уроке PHP рассмотрим основные <a href="/multimedia/poryadkovyi-tip-paskal-primer-ispolzovaniya-funkcii-odd-arifmeticheskie.html">арифметические функции</a> PHP для расчетов.</p> <p>1. Файл <b>forma_bob.html </b> сохраните под именем <b>forma_bob_2.html </b></p> <p>2. Файл <b>zakaz.php </b> сохраните под именем <b>zakaz_2.php </b></p> <p>3. В файле <b>forma_bob_2.html </b> форму «Автозапчасти от Боба» измените так, чтобы она имела вид, как на рис. 3.4. Не забудьте изменить имя обработчика на <b>zakaz_2.php </b>. Если затрудняетесь, то можете реализовать код, приведенный ниже.</p> <p><img src='https://i2.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.4.1.jpg' height="738" width="556" loading=lazy></p> <p><img src='https://i2.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.4.jpg' width="100%" loading=lazy></p> <p>Рисунок 3.4</p> <p>4. Создайте <a href="/text/novye-programmy-dlya-obrabotki-fotografii-prilozheniya-dlya-sozdaniya.html">новую обработку</a> для формы в файле <b>zakaz_2.php </b>, используя знания, полученные из предыдущих уроков. Обработка должна содержать следующие выходные данные и условия:</p> <img src='https://i2.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.5.jpg' height="178" width="383" loading=lazy><p><img src='https://i0.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.7.jpg' height="407" width="374" loading=lazy></p> <p>1. Стоимость каждого товара определяется константой. Константа на PHP задается функцией define. Пример define("POKRPRICE",10); Первый параметр функции - это имя константы, которое пишется <a href="/optimization/kak-v-vorde-propisnye-bukvy-sdelat-strochnymi-kak-perevesti.html">прописными буквами</a>, второй параметр - значение константы.</p> <p>2. <a href="/players/alfa-kanaly-sohranenie-obrabotka-zagruzka-vydelenii-logicheskie.html">Логическая операция</a> <b>ИЛИ </b> обозначается <b>|| </b></p> <p>3. Логическая операция <b>И </b> обозначается <b>&& </b>.</p> <p>4. Операции сравнения: больше <b>> </b>, меньше <b>< </b>, <b>больше или равно >= </b>, меньше или равно <b><= </b></p> <p>5. Функция, которая считывает время с компьютера <b>date("H:i, j F") </b></p> <p>6. Функция, которая форматирует количество знаков после запятой <b>number_format </b>. Пример <b>number_format($sumnalog,2) </b>. Первый параметр - переменная, у которой форматируем знаки, второй параметр - количество знаков после запятой.</p> <p>7. Если Вы затрудняетесь с созданием обработки формы, может воспользоваться кодом, приведенным ниже (рис. 3.8):</p> <p><img src='https://i2.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.8.jpg' height="1382" width="641" loading=lazy></p> <p>Рисунок 3.8</p> <h3>Упражнение 3. Запись данных из формы в текстовый файл</h3> <p>В нашем уроке PHP также рассматриваем запись данных из формы в текстовый файл и функцию даты date() при обработке формы.</p> <p>1. В файле-обработчике формы «Автозапчасти об Боба» после последней закрывающей фигурной скобки добавьте код.</p> <p><img src='https://i0.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.9.jpg' width="100%" loading=lazy></p> <p>Рисунок 3.9</p> <p>2. Проверьте работу программы. Текстовый файл <b>orders.txt </b> создается автоматически, просмотрите его содержимое.</p> <h3>КОНТРОЛЬНОЕ ЗАДАНИЕ</h3> <p>После изучения данного урока PHP предлагается выполнить контрольное задание для закрепления полученных знаний.</p> <p><img src='https://i1.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.10.jpg' width="100%" loading=lazy></p> <p>Рисунок 3.10</p> <p>1. Создать форму, как на рис. 3.10.</p> <p>2. Создать обработку формы, которая будет выводить результаты заказа, как на рис. 3.11 (результаты будут отличаться в зависимости от введенных в форму данных.</p> <p>3. Результаты заказа должны записываться в отдельный текстовый файл.</p> <p><b>Список заказа должен отражать следующее: </b></p> <ul><li>Вид товара.</li> <li>Стоимость 1 шт. товара.</li> <li>Количество заказанных товаров.</li> <li>Общую стоимость заказа без доставки, налога на продажи и скидок.</li> <li>Стоимость доставки.</li> <li>Величину налога с продажи.</li> <li>Скидку в процентах и рублях.</li> <li>Стоимость заказа с учетом доставки, налога с продаж и скидки.</li> <li>Адрес доставки.</li> </ul><p><b>Условия задачи: </b></p> <ol><li>Стоимость товаров: <ul><li>ручки - 10 руб.</li> <li>книги - 100 руб.</li> <li>сувенира - 1000 руб.</li> <li>компьютера - 10000 руб.</li> </ul></li> <li>Налог с продаж - 18%. Налог прибавляется к общей стоимости всех товаров с учетом скидки.</li> <li>Стоимость доставки - 500 руб. Стоимость доставки прибавляется к общей стоимости всех товаров в учетом скидки и налога с продаж.</li> <li>Скидки: <ul><li>При заказе ручек или книг меньше 5 шт. скидка - 5%, от 5 до 10 шт. - 10%, выше 10 шт. - 20%;</li> <li>При заказе сувениров или компьютеров от 10 до 20 шт. скидка - 10%, от 20 до 30 шт. - 20%, выше 30 шт. - 40%.</li> </ul></li> </ol><p><img src='https://i0.wp.com/web-grafika.pro/assets/images/web-grafika/kurs_php/3.11.jpg' width="100%" loading=lazy></p> <p>В одной из прошлых тем уже рассматривалось получение данных из формы. В данной теме я подробнее расскажу, как правильно осуществляется отправка формы на сервер, а также обработка формы в PHP.</p> <h2>Отправка формы</h2> <p>Поле для ввода. Самыми распространёнными элементами формы являются различные поля для ввода. Они создаются при помощи тэга <input> многих типов и тэга <textarea> . С отправкой данных из этих элементов всё просто. Тэги имеют атрибут 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 устанавливается разный. Добавим радиокнопки в форму:

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

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

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

takeform.php:

В тег мы не добавили атрибут value . Если ничего не ввести в него то значение будет пустое. Часто бывает нужно проверить, написал ли пользователь что-нибудь в поле для ввода. Для этого есть функция empty() , которая возвращает true , если переменная содержит пустое значение, а иначе возвращает 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>Так данные из форм отправляются на сервер и обрабатывабтся в PHP скриптах. В зависимости от разных задач, работа с формами осуществляться иначе, но на основе приведённых примеров Вы сможете легко использовать данные из форм так, как Вам нужно.</p> <p>У Вас в браузере заблокирован JavaScript. Разрешите JavaScript для работы сайта!</p> <h1>Работа с формами</h1> <p>Для передачи данных от пользователя Web-страницы на сервер используются HTML-формы. Для работы с формами в PHP предусмотрен ряд специальных средств.</p><h2>Предварительно определенные переменные</h2> <p>В PHP существует ряд предварительно определенных переменных, которые не меняются при выполнении всех приложений в конкретной среде. Их также называют переменными окружения или переменными среды. Они отражают установки среды Web-сервера Apache, а также информацию о запросе данного браузера. Есть возможность получить значения URL, строки запроса и других элементов HTTP-запроса.</p><p>Все предварительно определенные переменные содержатся в ассоциативном массиве $GLOBALS . Кроме переменных окружения этот массив содержит также глобальные переменные, определенные в программе.</p><h4>Пример 1</h4> <html> <head> <title>Просмотр массива $GLOBALS</title> </head> <body> <?php $a = "Hello!"; foreach ($GLOBALS as $key=>$value) echo "\$GLOBALS[\"$key\"] == $value<br>"; ?> </body> </html> <p>В результате на экране появится список всех глобальных переменных, включая <a href="/internet/peremennye-okruzheniya.html">переменные окружения</a>. Наиболее часто используемые из них:</p> <table class="tbl tbl1"><tr><th style="width:30%">Переменная </th><th>Описание </th><th>Cодержание </th> </tr><tr><td>$_SERVER["HTTP_USER_AGENT"] </td><td>Название и версия клиента </td><td>Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html) </td> </tr><tr><td>$_SERVER["REMOTE_ADDR"] </td><td>IP-адрес </td><td>144.76.94.14 </td> </tr><tr><td>getenv("HTTP_X_FORWARDED_FOR") </td><td>Внутренний IP-адрес клиента </td><td> </td> </tr><tr><td>$_SERVER["REQUEST_METHOD"] </td><td>Метод запроса (GET или POST ) </td><td>GET </td> </tr><tr><td>$_SERVER["QUERY_STRING"] </td><td>При запросе GET закодированные данные, передаваемые вместе с URL </td><td> </td> </tr><tr><td>$_SERVER["REQUEST_URL"] </td><td>Полный адрес клиента, включая строку запроса </td><td> </td> </tr><tr><td>$_SERVER["HTTP_REFERER"] </td><td>Адрес страницы, с которой был сделан запрос </td><td> </td> </tr><tr><td>$_SERVER["PHP_SELF"] </td><td>Путь к выполняемой программе </td><td>/index.php </td> </tr><tr><td>$_SERVER["SERVER_NAME"] </td><td>Домен </td><td>сайт </td> </tr><tr><td>$_SERVER["REQUEST_URI"] </td><td>Путь </td><td>/php/php_form.php </td> </tr></table><h2>Обработка ввода пользователя</h2> <p>PHP-программу обработки ввода можно отделить от HTML-текста, содержащего формы ввода, а можно расположить на одной странице.</p><h4>Пример 2</h4> <?php if (! isset($cardnumber)) $m = "Введите номер карточки"; elseif ($cardnumber == "") $m = "Ваш номер пуст!"; else $m = "Ваш номер: $cardnumber"; ?> <html> <head> <title>Пример обработки ввода</title> </head> <body> <h1><?php echo $m?></h1> <form name="form1" action="<?=$_SERVER["PHP_SELF"]?>" method="post"> <p>Номер карточки: <input name="cardnumber" type="text" size="20"> </form> </body> </html> <p>Здесь отсутствует кнопка передачи данных, т.к. форма, состоящая из одного поля, передается автоматически при нажатии клавиши <Enter>.</p><p>При обработки элемента с многозначным выбором для доступа ко всем выбранным значениям нужно к имени элемента добавить пару квадратных скобок. Для выбора нескольких эллементов следует удерживать клавишу Ctrl.</p> <h4>Пример 3.1</h4> <p> <html> <head> <title>Список</title> </head> <body> <form name="form1" action="ex1.php" method="post"> <select name="Item" size=5 multiple> <option>Чай <option>Кофе <option>Молоко <option>Ветчина <option>Сыр </select> <input type="submit" value="ВВОД"> </form> </body> </html> </p><p>РЕЗУЛЬТАТ ПРИМЕРА 3.1:</p> <form name="form1" action="" method="post" onsubmit="return false;"> Чай Кофе Молоко Ветчина Сыр <input type="submit" value="ВВОД"></form> <h4>Пример 3.2</h4> <p> <html> <head> <title>Обработка списка из файла ex1.htm</title> </head> <body> <?php echo "Ваш заказ: <p><ul>"; foreach ($Item as $value) echo "<li>$value"; echo "</ul>"; ?> </body> </html> </p><h4>Пример 4. Прием значений от checkbox-флажков</h4> <?php if (@$_REQUEST["doGo"]) { foreach (@$_REQUEST["known"] as $k=>$v) { if($v) echo "Вы знаете язык программирования $k!<br>"; else echo "Вы не знаете языка программирования $k. <br>"; } } ?> <form action="<?=$_SERVER["SCRIPT_NAME"]?>" method="post"> Какие языки программирования вы знаете?<br> <input type=hidden name="known" value="0"> <input type=checkbox name="known" value="1"> PHP<br> <input type=hidden name="known" value="0"> <input type=checkbox name="known" value="1"> Perl<br> <input type=submit name="doGo" value="Go!"> </form> <br><p>РЕЗУЛЬТАТ ПРИМЕРА 4:</p> <form action="/index.php" method="post" onsubmit="return false;"> Какие языки программирования вы знаете? <input type="hidden" name="known" value="0"><input type="checkbox" name="known" value="1"> PHP <input type="hidden" name="known" value="0"><input type="checkbox" name="known" value="1"> Perl<br><input type="submit" name="doGo" value="Go!"></form> <h4>Пример 5</h4> <?php // Модель скрипта, принимающего текст от пользователя. if (@$_REQUEST["text"]) echo htmlspecialchars($_REQUEST["text"])."<hr>"; ?> <form action="<?=$_SERVER["SCRIPT_NAME"]?>" method="post"> <textarea name="text" cols="60" rows="10"> < ?=@htmlspecialchars($_REQUEST["text"])?>

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

Для этого можно использовать (в зависимости от метода передачи) ассоциативный массив $HTTP_GET_VARS или $HTTP_POST_VARS . Эти массивы содержат пары имя/значение для каждого элемента переданной формы. Если Вам все равно, Вы можете использовать ассоциативный массив $_REQUEST .

Пример 6

Обработка произвольного ввода независимо от метода передачи $value) echo "$key == $value
"; ?>

Пример 7. Обработка нажатия на кнопку с использованием оператора "@".

С помощью функции header() , послав браузеру заголовок "Location" , можно перенаправить пользователя на новую страницу.

Например:

Передача файла на сервер. Залить файл. UpLoad

PHP позволяет передавать на сервер файлы. HTML-форма, предназначенная для передачи файла, должна содержать аргумент enctype="multipart/form-data" .

Кроме того в форме перед полем для копирования файла должно находиться скрытое поле с именем max_file_size . В это скрытое поле должен быть записан максимальный размер передаваемого файла (обычно не больше 2 Мбайт).

Само поле для передачи файла - обычный элемент INPUT с аргументом type="file" .

Например:

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

Пример 8

Обработка переданного файла "; echo "имя: ".$_FILES["userfile"]["name"]."
"; echo "размер: ".$_FILES["userfile"]["size"]."
"; echo "тип: ".$_FILES["userfile"]["type"]."
"; } ?>
Примеры загрузки файлов на сервер

Если возникнут проблеммы с перекодировкой сервером загруженного файла, символ с кодом 0х00 заменен на пробел (символ с кодом 0х20 ), допишите в файл httpd.conf из каталога Апача (/usr/local/apache) следующие строки.

CharsetRecodeMultipartForms Off