PHP.Элементы управления HTML. Хольцнер 143-177. Обзор всего кода
Primary tabs
Глава 5 . Хольцнер С. PHP в примерах
ОБЗОР ДАННОЙ ГЛАВЫ :
- Создание web-форм
- Текстовые поля
- Получение данных из текстовых полей
- Многострочные поля
- Выключатели ( checkboxes )
- Переключатели (radio buttons )
- Cписки
- Скрытые поля
- Поля для паролей
- Кнопка изображение
- загрузка файлов
- Обработка загруженного файла
- Три варианта кнопки
ПОЕХАЛИ!
1 Создание web-форм
<html> <head><title> HTML FORMS </head></title> <body> // Данные вводим в web-форме <FORM> , METHOD="POST" - способ передачи данных // ACTION - это атрибут скрипта , который задаёт URL скрипта <FORM METHOD="POST" ACTION="phpreader.php"></FORM> </body> </html> ################################### <html> <head><title> HTML FORMS </head></title> <body> \\ Данные вводим в web-форме <FORM> , METHOD="POST" - способ передачи данных \\ ACTION - это атрибут скрипта , который задаёт URL скрипта <FORM METHOD="POST" ACTION="phpreader.php"> \\ Вставили специальный тип кнопок Отправить-Submit , и стереть -Reset <INPUT TYPE ="SUBMIT" VALUE ="REGISTRATION"> <INPUT TYPE = "RESET" VALUE = "RESET"> </FORM> </body> _______________________________________________________________________________ <html>
2 Текстовые поля
Текстовые поля - предназначены для ввода однострочных данных пользователем имя, пароль
и т.д.
<html> <head><title> HTML FORMS </head></title> <body> <CENTER> \\ Центрируем всё , внутри формы center \\ Данные вводим в web-форме <pre class="brush: php"><FORM> , METHOD="POST"</pre> - способ передачи данных \\ ACTION - это атрибут скрипта , который задаёт URL скрипта ( где находится сам скрипт , которому посылается обрабатывать введённые пользователем данные ) <FORM METHOD="POST" ACTION="phpreader.php"> Input your name <strong><INPUT TYPE = "TEXT" NAME="NAME"> <BR><BR> <INPUT TYPE="SUBMIT" VALUE="OK"> </FORM> </strong> </CENTER> </body> <html>
_______________________________________________________________________________________
3 Получение данных из текстовых полей.
Как научится обрабатывать все те данные ,что мы вводим в формах выше ? Ответ: для этого
используются суперглобальные массивы
$_GET , $_POST
или $_REQUEST (выбор массива
определяется способом передачи данных METHOD, если
METHOD=GET
, то
$_GET
, если
POST
, то
$_POST
, для того и другого способа передачи данных существует
$REQUEST
. Всё , что введено пользователем в WEB-форму это есть элементы этих суперглобальных
массивов.
Это тот самый phptext.php :
<html> <head><title> HTML FORMS </head></title> <body> <CENTER> \\ Центрируем всё , внутри формы center Your name <?php echo $_REQUEST ["Name"] ; ?> </CENTER> </body> <html>
________________________________________________________________________
4 Многострочные поля Тоже самое , что текстовое поле , но мы можем задать
много строк для ввода данных . Например :
<html> <head><title> HTML FORMS </head></title> <body> <CENTER> \\ Центрируем всё , внутри формы center Your best friends <BR> <FORM METHOD="POST" , ACTION="phptextarea.php"> <TEXTAREA NAME="FRIENDS" COLS="50" ROWS="20"> \\ Многострочные поля задаются тегом <TEXTAREA>, COLS-длина в символах, ROWS- высота по вертикали в троках . 1. 2. 3. 4. 5. 6. 7. </TEXTAREA> <BR> <INPUT TYPE="SUBMIT" VALUE="OK"> </FORM> </CENTER> </body> <html>
А теперь давайте обработаем , то что мы ввели :
<html> <head><title> HTML FORMS </head></title> <body> <CENTER> \\ Центрируем всё , внутри формы center Your best friends are : <?php echo $_REQUEST ["Friends"]; ?> </CENTER> </body> </html>
___________________________________________________________________________________
5 Выключатели ( checkboxes )
Выключатели ( checkboxes ) - это те самые флажки выбора .
\\ Value -это то ,что будет писаться на самой форме , а NAME это имя по которомому мыможем
\\ обратиться в коде
<html> <head><title> СHECKBOXES </head></title> <body> <CENTER> \\ Центрируем всё , внутри формы center <FORM METHOD=POST ACTION ="phpchckboxes.php"> Are you ready ? <INPUT TYPE =checkbox Name="Yes" VALUE="YES"> <INPUT TYPE =checkbox Name ="NO" VALUE="NO"> <BR> <INPUT TYPE=SUBMIT VALUE="OK"> \\ Кнопка отправляющая данные к скрипту-обработчику <CENTER> </body> </html> \\ В этом примере необходимо использовать еще и JavaScript , чтобы пользователь выбрал только \\ одну галочку . Ну это чуть позже я допишу , как это делать . \\ Здесь ,Чтобы понять ,Что выбрал пользователь используем тот же $_REQUEST ["Yes"] ( в \\квадратных скобках пишем имя name если пользователь нажал на yes , то выйдет значение true \\если no , то будет предупреждение. Вот код для странички phpchckboxes.php : <html> <head><title> СHECKBOXES </head></title> <body> <CENTER> \\ Центрируем всё , внутри формы center You choosed: <?php if (isset($_REQUEST["Yes"])) { echo $_REQUEST["Yes"] , <BR> ; } if (isset($_REQUEST["NO"])) { echo $_REQUEST["Yes"] , <BR> ; } ?> \\ Функция isset -осуществляет проверку существования жлемнта массива и возвращает либо \\истинное значение либо ложное. </CENTER> </body> </html>
__________________________________________________________________________________
6 Переключатели (radio buttons )
Переключатели - это кружочки выбора , что выбрал пользователь странички . Здесь недопустимо выбирать два варианта одновременно
<html> <head><title> СHECKBOXES </head></title> <body> <CENTER> \\ Центрируем всё , внутри формы center Subscribe to the news? <FORM METHOD=POST ACTION="phpradio.php"> <INPUT TYPE=RADIO NAME="YES1" VALUE="YES"> Yes <INPUT TYPE=RADIO NAME="NO1" VALUE="NO"> No <BR> <INPUT TYPE= SUBMIT NAME="OK" VALUE="OK"> </FORM> </CENTER> </body> </html> <strong>// ПОЧЕМУ ВСЁ РАВНО ВЫБИРАЕТ 2 одновременно!?))))))))))))</strong> Вывести то , что выбрал пользователеь можно следующим образом на страничкеphpradio.php : <html> <head><title> СHECKBOXES </head></title> <body> <CENTER> <?php if ( isset($_REQUEST ["YES1"])) { echo "Ваш выбор" , $_REQUEST["YES1"] ; } else { echo "Нет выбора"; } ?> </CENTER> </body> </html>
___________________________________________________________________________________________________
7 Cписки -здесь мы можем выбрать сразу несколько значений
<html> <head><title> Lists </head></title> <body> <CENTER> <FORM METHOD=POST ACTION="phplist.php"> <SELECT NAME="FOOD [] , MULTIPLE > <option>Orange </option> <option>Apple</option> <option>Cucumber</option> </SELECT> <BR> <BR> <INPUT TYPE="SUBMIT" VALUE="ok"> </CENTER> </FORM> </body> </html>
Вывод списка :
Так как по сути список это массив состоящий из нескольких элементов , то
воспользуемся циклом foreach :
<html> <head><title> Lists </head></title> <body> <?php foreach ($_REQUEST ["FOOD"] as $fruit ) \\ Мы добавляем { echo $fruit , "<BR>"> } ?>
_____________________________________________________________________
8 Скрытые поля
Если cookies отключён , а требуется сохранить сведения о работе пользователя на страничке .
Cкрытые поля - это элементы управления , которые позволяют сохранять в формах
служебные данные .
<html> <head> <title> HIDDEN FIELDS</title></head> <body> <FORM METHOD=POST ACTION="phphidden.php" > <INPUT NAME="Hidden" TYPE="HIDDEN" VALUE="VERY BIG SECRET!"> <BR> <BR> <INPUT TYPE="SUBMIT" VALUE ="OK"> </FORM> </body> </html> </body> </html>
Узнать ,что же там за скрытое поле , мы должны слдующим образом (для страницы
phphidden.php) :
<html> <head> <title> HIDDEN FIELDS</title></head> <body> <?php echo $_REQUEST ["Hidden"] ; \\ Очень Важно учитывать точно Регистр!!!! ?> </body> </html>
____________________________________________________________________________________________
9 Поля для паролей
<html> <head> <title> PASSWORD </title></head> <body> <FORM METHOD="POST" ACTION="phppassword.php" > <INPUT TYPE="PASSWORD" NAME="ya" VALUE="Enter the password "> <INPUT TYPE="SUBMIT" NAME="SUBMIT" VALUE="Send Password" > </FORM> </body> </html>
И точно также выводим на страничу phppassword.php :
<html> <head> <title> HIDDEN FIELDS</title></head> <body> <?php echo $_REQUEST ["ya"] ; ?> </body> </html>
Конечно , для реальных сайтов , выводить пароль ни в коем случае нельзя , для этого мы должны написать скрипт , который сравнит введенный пользователем пароль с закрытым списком , который храниться на сервере сайта .
_________________________________________________________________________________________
10 Кнопка изображение загрузка файлов
Это не просто стандартная кнопка , а картинка выполняющая функцию кнопки эдакая картинка-гиперссылка.
<html> <head> <title> HIDDEN FIELDS</title></head> <body> <FORM METHOD=POST ACTION="phpimage.php"> <INPUT TYPE="image" VALUE="CAPTURE" src="1.jpg"> </FORM> </body> </html>
Далее на страничке phpimage.php пишем :
<html> <head> <title> HIDDEN FIELDS</title></head> <body> <?php echo "X:",$_REQUEST ["image_x"] , "Y:", $_REQUEST ["image_y"] ; \\ image_x и у - это наименование координат точки ?> </body> </html>
И мы сможем понять координаты точки , на который мы произвели щелчёк.
__________________________________________________________________________________________________
11 загрузка файлов
- Log in to post comments
- 2790 reads