На главную
 
{loadposition tariffz}
 
Host-Solutions.ru CMS Joomla! Инструкция Joomla! Формы предназначены для отправки информации
Формы предназначены для отправки информации
Тестовый хостинг с CMS Joomla сейчас!

Б. 2. Формы

 

Формы предназначены для отправки информации CGI-приложению, т.е. программе, которая будет обрабатывать переданную пользователем информацию. Рассмотрим простую форму ввода имени:

 

<form action="http://localhost/l.php" method="GET">

Имя: <input> type=text name=user_name>

<br><input type=submit  value="Передать"> 

</form>

 

Данная форма содержит всего два элемента: поле для ввода имени и кнопку с надписью "Передать". Что же происходит, когда пользователь вводит имя и щелкает на кнопке Передать? Браузер передаст сценарию 1.php параметр user_name. В качестве значения параметра будет введенное пользователем имя. Так как используется метод GET, то в строке адреса вы увидите следующее (метод POST использует другой способ передачи информации, поэтому в строке браузера переданную информацию вы не увидите):

 

http://localhost/1.php?user_name=Denis

Все элементы формы делятся на три группы:

 

■             поля ввода (input);

 

■             многострочные поля ввода (textarea);

 

■             списки выбора.

 

Наиболее часто используются поля ввода — ведь даже кнопка является полем ввода. Мы уже знакомы с полем ввода текстовой информации, поэтому обзор полей ввода начнем именно с текстового поля. Формат тега INPUT таков:

 

<input type=text

 

nаmе=имя_параметра

 

[value=значение]

 

[size=paзмер]

 

[maxlen=длина]

>

 

Данный тег создает поле ввода с максимально допустимой длиной текста maxlen и размером в size знакомест. Если задан атрибут value, то в поле будет изначально отображаться указанная строка.

 

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

 

А вот как быть с паролем? Ведь он не должен отображаться на экране? В этом случае вам поможет поле ввода пароля:

 

<input type=password

 

nаmе =имя_параметра

 

[value=значение]

 

[size=paзмep]

 

[maxlen=длина]

>

 

Принцип работы данного тега точно такой же, как и текстового. Но следует иметь в виду, что не рекомендуется устанавливать значение value из соображений безопасности. Да, в окне браузера данное значение не отображается, но стоит просмотреть исходный HTML-код, пароль будет виден "невооруженным глазом".

 

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

 

<input type=hidden

nаmе=имя

value=значение

>

 

Очень часто нам нужно предоставить пользователю возможность включить или выключить какой-нибудь режим работы. Например:

 

Да, я хочу получать информацию о ...

 

Это можно сделать с помощью переключателя:

 

<input type=checkbox

 

nаmе=имя

 

value=значение

 

[ checked]

>

 

Если атрибут checked установлен, то наш флажок будет включенным по умолчанию. Если флажок был включен до щелчка на кнопке отправки данных, сценарию будет передан параметр имя=значение. Если же флажок выключен, то сценарию вообще ничего не будет передано — как будто нашего флажка вообще нет.

 

Переключатель chackbox называется независимым, так как его свойство checked не зависит от положения других переключателей checkbox. Переключатель radio является зависимым переключателем, поскольку на форме может быть только один включенный переключатель типа radio. Точнее, на форме может быть только один активный переключатель в своей группе. Чтобы объединить переключатели radio в группы, нужно указать одно и тоже свойство (атрибут) name. Рассмотрим такой пример:

 

<form action="http://localhost/sex.php" method="post">

 

<input type=radio

 

name=sex

 

value=male

 

checked

 

>Мужчина

 

<input type=radio

 

name=sex

 

value=female

 

>Женщина

 

<input type=submit

 

name=go

 

value=Передать

 

>

 

</form>

 

Первый переключатель (со значением Male) активен по умолчанию (мы установили атрибут checked). Как только пользователь щелкнет на кнопке Передать, сценарию sex.php будет передан параметр sex (атрибут name обоих переключателей) со значением Male. Если же пользователь выберет другой вариант (female), сценарию будет передано соответствующее значение — параметр sex.

 

Последними элементами управления типа INPUT являются кнопки. О кнопке submit, передающей введенные пользователем данные на сервер, мы знаем практически все. Атрибут value определяет текст кнопки:

 

<input type=submit

 

name=go

 

value=Передать

>

 

ПРИМЕЧАНИЕ

 

Мы знаем, что значения атрибутов тегов желательно заключать в кавычки. Желательно, но необязательно — большинство браузеров нормально обрабатывают значения атрибутов без кавычек.

 

Кроме кнопки submit, есть еще кнопка reset, которая сбрасывает форму — устанавливает параметры по умолчанию. Желательно, чтобы на вашей форме была такая кнопка, особенно, если это большая форма. Наличие данной кнопки облегчает очистку формы, если были введены неправильные параметры.

 

<input type=reset

value=Cбpoc

>

 

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

 

х=коор_Х, имя.у=коор_У.

 

<input type=image

 

name=имя

 

src=рисунок

 

>

 

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

 

<textarea

 

name=имя

 

[соls=ширина в символах]

[rows=высота в символах]

wгар=тип_переноса

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

 

Несколько замечаний относительно использования этого поля: необязательные параметры cols и rows желательно указывать. Первый из них задает количество символов в строке, а второй — количество строк в области. Атрибут wrap определяет тип переноса текста:

 

■             Virtual — справа от текстового поля выводится полоска прокрутки.

 

Вводимый пользователем текст выглядит разбитым на строки, а сим

 

вол новой строки вставляется при нажатии клавиши <Enter>;

 

■             Physical — этот тип зависит от браузера и на разных браузерах может

 

вести себя по-разному;

 

■             None — текст выглядит в поле в том виде, в котором его вводит пользователь. Если текст не умещается в одну строку, появляется горизонтальная полоска прокрутки.

 

Стоит отметить, что наиболее удобным является тип Virtual. Довольно часто нам нужно представить какие-нибудь данные в виде списка выбора. Список выбора позволяет выбрать один вариант из множества. Можно было бы использовать переключатель radio, но это не очень рационально, например, если нам нужно, чтобы пользователь выбрал месяц, то один список будет занимать намного меньше места в окне браузера, чем целых двенадцать переключателей radio. Вот пример списка select:

 

<select name=month size=1>

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

<option value=02>Фeвpaль</option>

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

 

<option value=04>Aпpeль</option>

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

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

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

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

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

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

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

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

</select>

 

Атрибут name определяет имя параметра, который будет передан сценарию. Если атрибут size равен 1, то список будет раскрывающимся, в противном случае займет n строк и будет "оснащен" полоской прокрутки. Январь — это месяц по умолчанию (атрибут selected). Когда пользователь выберет один из вариантов, ему будет передано одно из значений value. Например, если пользователь выберет месяц Сентябрь, то сценарию будет передан параметр month=09. Атрибут value является необязательным. Если его не указать, то будет передана строка, заключенная в тег option. В нашем случае сценарию будет передан параметр month=Сентябрь (если атрибут value не указан).

 

Список выбора позволяет выбирать не один вариант, а несколько сразу. Для этого используется атрибут multiple. Ясное дело, что этот параметр не имеет смысла, если size=1. Если пользователь выберет несколько вариантов, ему будут переданы параметры в форме:

 

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

 

Я говорил, что мы рассмотрели все поля типа input. На самом деле существует еще одно поле — поле загрузки файла. Выглядит оно так:

 

<input type=file

name=имя

 

[value=имя файла]

>

 

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

 

Новости

Host Solutions поздравляет Вас с Новым 2014 годом!
31.12.2013 | 
Уважаемые пользователи Host Solutions! Компания МАРОСНЕТ поздравляет вас праздником и желает...
подробнее Read more...
Новогодняя акция - 30% скидка!
20.12.2013 | 
Дарим 30% при продлении услуг виртуального хостинга или VPS от...
подробнее Read more...
Новая услуга на Host Solutions - VPS
19.12.2013 | 
Host Solutions предлагает вашему вниманию новую услугу - виртуальные выделенные...
подробнее Read more...
Доступна оплата через PayPal
13.12.2013 | 
Теперь вы можете заказать хостинг и оплатить домен на Host...
подробнее Read more...
Релиз новых версий Joomla
18.11.2013 | 
В начале ноября на сайте разработчиков Joomla были опубликованы новые...
подробнее Read more...

Статистика

Просмотры материалов : 4 855 399

Кто на сайте

Сейчас 233 гостей онлайн
 
 
 
 
Партнер REG.RU Портал о хостинге и хостинг-провайдерах. Мы принимаем WebMoney, Здесь находится аттестат нашего WM идентификатора 110005872604 Мы принимаем QIWI Мы принимаем Яндекс.Деньги
Разработка сайтов компания “СВАРОГ”
© 2018 Host Solutions - Хостинг и регистрация доменов. Все права защищены.
Дизайн, Разработка сайтов компания “WEB-SVAROG”