Ключевые слова:html, web, cgi, howto, (найти похожие документы)
Date: Mon, 23 Oct 2000 12:18:57 +0400 (MSD)
From: MailList: Perl в примерах
Subject: HTML формы
HTML формы
Николай Матковский (matkovsky@ukrpost.net)
Формы HTML предназначены для того, чтобы позволить пользователям
вводить данные для последующей их обработки. Формы составляются из
различных элементов, таких, как текстовые окна, кнопок, флажков,
переключателей и выпадающих списков. Сама форма реализуется с помощью
тега <FORM>...</FORM>, внутрь которой помещаются эти элементы.
Большинство графических элементов создаются при помощи тега <INPUT>.
Для определения типа элемента используется его параметр type. Среди
значений, которые он может принимать такие: text (текстовое окно),
password (текстовое окно для ввода паролей), checkbox (флажок), radio
(переключатель), submit (кнопка подтверждения), reset (кнопка
возвращения всех элементов формы в начальное состояние), button
(обычная кнопка). Для создания выпадающего списка используется элемент
<select>, между открывающим и закрывающим тегами которого помещаются
элементы <option>, каждый из которых соответствует элементу списка.
Для создания многострочного текстового окна используется элемент
<textarea>.
Примеры:
Текстовое окно
<input type="text" name="name" value="Иван Иванов">
____________________
Так задается текстовое окно с именем name и текстом 'Иван Иванов'.
Значение параметра type 'text' указывает на то, что это текстовое
окно, значение параметра name - название элемента, параметра value -
текст, который будет отображен в окне по умолчанию. Аналогично
создаются окна для ввода паролей.
Флажок
<input type="checkbox" name="married" checked> [_]
Этот элемент представляет на странице флажок с именем married в
отмеченном состоянии. Значение параметра type установлено в 'checkbox'
- это указывает на то, что это флажок, параметр name задает название,
начичие параметра checked заставит броузер выделить этот флажок при
отображении.
Переключатель
<input type="radio" name="sex" value="male" checked>
<input type="radio" name="sex" value="female"> (_)
(_)
Эти элементы создают два переключателя. Переключатели являются
аналогами флажков с тем отличием, что их объединяют в группы, внутри
каждой из которых только один из переключателей может выть включен.
Для объединения у соответствующих элементов устанавливается одинаковое
значение параметра name. В этом примере у обоих переключателей
значение этого параметра sex, поэтому значение может быть или male,
или female.
Кнопка подтверждения
<input type="submit" value=" ok "> [ok]
Этот элемент создает на странице кнопку, которая отправляет данные на
сервер. Значение параметра value задает текст, отображаемый на кнопке.
Аналогично создаются обычные кнопки и reset-кнопки.
Выпадающий список
<select name="education">
<option value="none">никакого
<option value="middle">среднее/незаконченное среднее
<option value="high">высшее/незаконченно высшее
</select> [никакого.....................]
Так создается выпадающий список с тремя элементами. Значение параметра
name тега <select> указывает название списка, а параметра value
активного элемента - значение списка.
Тег <FORM>
Основное назначение HTML-форм - ввод и отправка пользовательских
данных но обработку на сервере. Для этого для тега <FORM> необходимо
указать два параметра - action и method.
* action
Значение этого параметра указывает форме URL программы, которой
предназначены данные из формы.
* method
Значение этого метода указывает на то, какой метод должен быть
использован при передаче данных из формы CGI-скрипту. Этот
параметр должен принимать значения GET или POST.
<form action="http://www.domain.com/cgi-bin/script.cgi"
method="GET">
...
</form>
