Rambler's Top100 Старый русский почтовик! Оплата в WM! Самый активный, самый надежный!
Рыболовные туры в Финляндию
Рыбалка в Финляндии
с русскоговорящим гидом!
SEO sprint - Всё для максимальной раскрутки!
Форум русских рыболовов Финляндии

Рыбалка в Финляндии


главная
Формы
скрипт для
отправки почты


ФОРМЫ

   HTML-формы предназначены для передачи данных от пользователя к серверу. С их помощью можно организовать простейший диалог между пользователем и сервером. Скользя по волнам интернета, Вы наверняка заполняли какие-нибудь анкеты, где-нибудь регистрировались в качестве члена клуба, участника форума, принимали участие в каком-нибудь голосовании или оценивали какой-нибудь сайт. При этом Вы вводили в уже готовое окошко некоторый текст, ставили точку в один из предложенных кружочков или галочку в квадратик и нажимали симпатичную кнопку. При этом данные, которые Вы ввели, передавались на сервер и обрабатывались там специальной программой. О самих этих программах и способах передачи данных серверу разговор отдельный и состоится немного позже. А в этой статье мы рассмотрим теги, с помощью которых создаются все эти окошки, кружочки, кнопочки...
   Напоминаю, что для того, чтобы посмотреть исходный код, то есть, "как это устроено", Вам нужно нажать правую кнопку мыши и выбрать "просмотр HTML-кода".
   Самый "главный" тег в этом разделе - тег <FORM></FORM>. Он рассказывает браузеру, что нужно делать с данными, которые Вы вводите в различные поля формы. Для этого у тега <FORM> есть несколько параметров. Всеми браузерами поддерживаются только три параметра:
  • ACTION=" " - единственный обязательный параметр. Его значением является URL-адрес CGI-программы, которая будет обрабатывать данные.
  • METHOD=" " - сообщает браузеру метод передачи данных. Может принимать два значения: GET (по умолчанию) и POST.
  • ENCTYPE= - определяет формат кодирования при передаче данных от браузера к серверу.
   В документе может содержаться сколько угодно форм, но они не должны быть вложены одна в другую.
   Заметьте, что сам тег FORM ничего не выводит на экран и обнаружить его можно только по действиям браузера или просматривая исходный код страницы... Для создания полей для ввода данных внутри формы применяют теги <INPUT>, <SELECT>, <TEXTAREA>. В некоторых документах по HTML указывается, что эти теги работают только внутри тега FORM. Это не совсем так. То есть, без тега FORM они прекрасно создают те же прямоугольнички и кружочки, что и внутри формы. Другое дело, что данные из этих полей, конечно, никуда не отправятся, если нет самой формы А-а-а-а-а-а-а-а.
   Итак, что же мы можем делать с помощью этих тегов?
  1. Тег <INPUT> - Генерирует поля для ввода строки текста, пароля, различные кнопки и так далее. Закрывающий тег не нужен. Имеет два обязательных параметра: TYPE - определяет тип создаваемого элемента и NAME - определяет имя создаваемого поля для идентификации данных при передаче серверу.
       Типы создаваемых полей:
    • TYPE=TEXT - создает элемент для ввода строки текста:

      параметры:
      SIZE=n - определяет количество отображаемых знаков, то есть длину создаваемого поля.
      MAXLENGTH=n - задает максимальное количества вводимых в поле знаков. Можно не употреблять, тогда количество вводимых знаков будет неограниченно.
      VALUE= - первоначальное значение поля (для подсказки не очень сообразительным посетителям :-).

    • TYPE=PASSWORD - создает поля для ввода текста, которое отличается от предыдущего только тем, что вводимые значения отображаются на экране звездочками.

      Внимание! - Поле PASSWORD защищает данные только от посторонних глаз, которые могут смотреть на экран монитора! На сервер данные передаются в НЕзашифрованном виде!

    • TYPE=FILE - создает поле для ввода имени локального файла, который необходимо куда-то послать. Сопровождается созданием кнопки "Обзор":

    • TYPE=CHECKBOX - Создает поле для установки флажка ВКЛ/ВЫКЛ. Элементы CHECKBOX можно обьединить в группу, установив одинаковое значение параметра NAME:
         Какие программы Вы используете при создании HTML-документов?
      - Блокнот
      - FrontPage
      - Специальные редакторы HTML
      - Другие
      - Я вообще не занимаюсь такими глупостями!
         Имеет параметры:
      NAME=
      VALUE= - обязательный. Значение, которое будет передано серверу, если кнопка будет выбрана.
      CHECKED - Если этот параметр указан, элемент является выбранным по умолчанию.

    • TYPE=RADIO - Создает элемент-переключатель в составе группы, из которых может быть выбран только один:
         Ваш возраст:
      - Меньше 20
      - От 20 до 30
      - От 30 до 40
      - От 40 до 50
      - Более 50
      Параметры те же, что и у CHECKBOX.

    • TYPE=SUBMIT - Создает кнопку передачи, нажатие которой вызывает пересылку содержимого формы на сервер.
      или или - по Вашему желанию.

    • TYPE=RESET - Создает кнопку сброса, нажатие которой приводит форму в первоначальный вид, т.е. в то состояние, в котором она была до того, как Вы приложили к ней свои руки:
      или или

    • TYPE=IMAGE - Создает элемент в виде графического изображения, действующий аналогично кнопке "SUBMIT":    
      Обязательным параметром является IMG, значением которого является URL файла с картинкой.

    • TYPE=HIDDEN - Создает скрытый элемент не показываемый пользователю. Информация, хранящаяся в скрытом поле, всегда пересылается на сервер и не может быть изменена ни пользователем, ни браузером. Применяется при обработке нескольких форм, поочередно отправляемых пользователю и каким-либо образом связанных между собой.

  2. Тег-контейнер <SELECT> - Создает выпадающее меню:

    Где Вы живете? (выбрать):         

       Параметры:

    • SIZE - Устанавливает число одновременно видимых элементов.
    • NAME - обязательный параметр. Необходим для идентификации данных при передаче на сервер.
    • MULTIPLE - Указывается, если из меню или списка можно выбирать одновременно несколько значений.
       Внутри тега <SELECT> элементы задаются с помощью тега <OPTION>, который имеет параметры VALUE и SELECTED.

  3. Тег-контейнер <TEXTAREA> создает поле для ввода многострочного сообщения:


       Параметры:
    NAME - обязательный параметр, используемый для идентификации данных при пересылке на сервер.
    COLS=n(число - количество знаков) - задает ширину окна.
    ROWS=n(число - количество строк) - задает высоту окна.
       Между тегами <TEXTAREA> и </TEXTAREA> можно поместить текст, который будет отображаться по умолчанию.

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

Создать свой сайт


Рейтинг@Mail.ru liveinternet.ru: показано число посетителей за сегодня


Copyright © 2001 by Сергей Червонящий.
Все права защищены. Запрещено частичное или полное воспроизведение материалов сайта без согласования с автором.

Покупайте на OHO.ru:
Покупайте на OHO.ru: