Рефераты. Web-программирование. Обработка HTML-форм

со1s=”20”

rows=»5»

wrap=»virtual»

>Текст по умолчанию

</textarea>

Листинг textarea.html. Форма с многострочным текстом

<html>

<head>

<title>Многострочный текст</title>

</head>

<body>

<form action=”http://localhost/form.php” method=”POST”>

<hr>

<textarea

name=”t_area”

со1s=»20»

rows=»5»

wrapvirtual»

>Текст по умолчанию

</textarea>

<hr>

<input tupe “submit” name=”go” value=”Передать”>

<input tupe “reset” value=”Очистить форму”>

</form>

</body>

</html>

В окне браузера форма выглядит следующим образом:

1.5. Списки выбора. Тег SELECT

1.5.1. Списки с единственным выбором

Список выбора позволяет выбрать один вариант из множества. Можно было бы использовать зависимые переключатели radio, но это не рационально. Например, если нужно, чтобы пользователь выбрал месяц, то один список будет занимать намного меньше места в окне браузера, чем целых двенадцать переключателей radio. Пример списка выбора, реализованного с помощью тега SELECT:

Листинг spisoc_1.html. Форма списка с единственным выбором

<html>

<head>

<title>Список с единственным выбором</title>

</head>

<body>

<select name=month size=l>

<option value=01 >Январь</option>

<option value=02>Февраль</option>

<option value=03>Mapт</option>

<option value=04>Апрель</option>

<option value=05 selected >Maй</option>

<option value=06>Июнь </option>

<option value=07>Июль</option>

<option value=08>Август </option>

<option value=09>Ceнтябрь</option>

<option value=10>Oктябрь</option>

<option value=11>Hоябрь</option>

<option value=12>Декабрь</option>

</select>

</body>

</html>

В окне браузера форма выглядит следующим образом:

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

Атрибут name определяет имя параметра, который будет передан сценарию. Если атрибут size равен 1, то список будет выпадающим. В противном случае список будет занимать n строк и будет «оснащен» полосой прокрутки. Значение, выбранное в списке по умолчанию, можно указать с помощью атрибута selected для соответствующего тега option. В приведенном примере месяц по умолчанию -- Май.

Атрибут value является необязательным. Если его не указать, то будет передана строка, заключенная в тег option. В нашем случае сценарию будет передан параметр month=Cентябрь (если value не указан).

1.5.2. Списки множественного выбора

С помощью тега SELECT можно создавать и списки множественного выбора. В таких списках можно выбрать не одно, а сразу несколько значений. Чтобы сделать список с множественным выбором, необходимо для тега SELECT указать атрибут multiple. Если пользователь выберет несколько вариантов, то сценарию будут переданы параметры в форме:

имя=значение&имя=значение . . . &имя=значение

Листинг spisoc_n.html. Форма списка множественного выбора

<html>

<head>

<title>Список множественного выбора</title>

</head>

<body>

<select name=”month2[]” size=4 multiple>

<option value=01>Январь</option>

<option value=02>Февраль</option>

<option value=03>Mapт</option>

<option value=04>Апрель</option>

<option value=05>Maй</option>

<option value=06>Июнь </option>

<option value=07>Июль</option>

<option value=08>Август </option>

<option value=09>Ceнтябрь</option>

<option value=10>Oктябрь</option>

<option value=11>Hоябрь</option>

<option value=12>Декабрь</option>

</select>

</body>

</html>

В окне браузера форма выглядит следующим образом:

2. ПЕРЕДАЧА ДАННЫХ С ПОМОЩЬЮ ФОРМЫ

Рассмотрим пример посылки сообщения из формы по электронной почте.

Листинг e_mail.html. Посылка сообщения из формы по e-mail

<html>

<head>

<title>Посылка формы по е-mail</title>

</head>

<body>

<FORM action=mailto: myaddres@mail.ru enctype=”text/plain” method=”post”>

Нажмите &#147;Cброс&#148; и заполните заказ.<BR>

<INPUT type=reset value=C6poc><BR>

<P>

<TABLE border=0 cellspacing=O cellpadding=5>

<TR>

<TD>Ваше имя:</TD >

<TD>

<INPUT type=text size=33 name=name value=”Прохоров Виктор Сергеевич”>

</TD>

</TR>

<TR>

<TD>Ваш адрес:</TD>

<TD>

<INPUT type=text size=33 name=email value=prohwik@mail.ru >

</TD>

</TR>

<TR>

<TD>Прислать:</TD>

<TD>

<INPUT type=text size=33 name=obj value=”Методические указания”>

</TD>

</TR>

</TABLE>

<INPUT type=submit value=”Послать заказ”>

</FORM>

</body>

</html>

Если поместить этот код в HTML-программу, то на гипертекстовой старичке возникнет картинка:

Пользователь нажимает кнопку «Сброс», и поля принимают значения, установленные по умолчанию. Форма заполняется пользователем, и по нажатию кнопки «Послать заказ» отправляется по адресу myaddres@mail.ru. Обычно браузер не сам отсылает форму, а поручает эту работу почтовой программе, установленной по умолчанию в операционной системе компьютера (например, Outlook). Письмо посылается в виде:

subjct: Форма отправлена из Microsoft Internet Explorer

name = Прохоров Виктор Сергеевич

value=prohwik@mail.ru

obj = «Методические указания»

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

Можно написать простейший сценарий на РНР типа «Hello, world: сейчас 10 часов утра».

Однако этим сценариям недостает одного -- интерактивного взаимодействия с пользователем.

Поставим задачу написать сценарий, который принимает в параметрах две величины: зарегистрированное имя и пароль пользователя. Если зарегистрированное имя равно root, а пароль -- Z10N0101, следует напечатать: «Доступ открыт для пользователя <имя>» и заблокировать сервер (т. е. вывести стандартный экран Windows «Блокировка» с запросом пароля для разблокирования). Если же данные неверны, необходимо вывести сообщение «Доступ закрыт!».

Сначала рассмотрим наиболее простой способ передачи параметров сценарию -- непосредственный набор их в URL после знака? -- например, в формате login=имя&password=napoль.

Пусть на сервере в корневом каталоге есть сценарий на РНР под названием hello.php. Этот сценарий распознает 2 параметра: login и password.

Страницы: 1, 2, 3, 4, 5, 6, 7, 8



2012 © Все права защищены
При использовании материалов активная ссылка на источник обязательна.