1.2. Элемент input
Элемент < INPUT > используется для определения области внутри формы для сбора данных. Данный элемент представляет собой поле для ввода информации пользователем (кнопку, поле ввода, чекбокс и т.п.). Элемент не имеет конечного тега.
Вместе с элементом INPUTиспользуются следующие атрибуты:
NAME=идентификатор - определяет имя переменной
Параметр является обязательным, т.к. имя используется при передаче данных
MAXLENGTH=n - ограничивает число вводимых символов
SIZE=n- размер видимой на экране области, занимаемой текущим полем.
VALUE - определяет начальное и конечное значения поля ввода.
TYPE=параметр- определяет тип поля для ввода данных.
Параметр атрибута TYPEможет принимает одно из следующих значений:
-
hidden
От пользователя скрывается поле ввода, но содержимое поля передается при посылке данных формы. Это значение может быть использовано для передачи информации состояния при взаимодействии клиента и сервера.
<INPUT TYPE=HIDDEN NAME=custom VALUE="c12-234-8534">
image
Картинка, по которой можно сделать щелчок мышью, что приводит к немедленной отсылке данных формы. Координаты выбранной точки измеряются в точках от верхнего левого угла и возвращаются (наряду с другими компонентами формы) точно так же, как для тега <IMG>.
text
Поле ввода текста, значение по умолчанию.
password
Поле ввода пароля; вводимые символы представляются как звездочки.
checkbox
Кнопка, принимающая положения on (включено) и off(выключено).
radio
Кнопка, принимающая положения on и off; причем остальные кнопки с тем же параметром NAME ведут себя по принципу "одна из многих".
submit
Кнопка, действие которой сводится к отсылке содержимого заполненной формы на Web-сервер.Если кнопка Submit отсутствует в форме, клавиша Enter имитирует ее использование, но только в том случае, когда в форме имеется только один элемент <input>. Если таких элементов два и более, нажатие на <Enter> не вызовет никакого результата.
reset
Кнопка, которая устанавливает во всех интерфейсных элементах значения по умолчанию.
file
Позволяет организовать передачу файлов на Web-сервер
а также атpибуты: ALIGN , CHECKED , SRC .
Пример 1 - простая форма для ввода:
< P > Улица: <INPUT NAME= "street"> <BR> Город: <INPUT NAME= "city" SIZE= "20" MAXLENGTH= "20"> <BR> Индекс: <INPUT NAME= "zip" SIZE= "5" MAXLENGTH= "6" VALUE= "424001"> <BR>
В окне броузера это будет выглядеть так:
Начало формы
Улица:
Город:
Индекс:
Конец формы
1.3. Элемент select
Внутри <FORM> ... </FORM>, может присутствовать любое количество элементов SELECT, свободно перемешанных с другими HTML элементами (включая INPUT и TEXTAREA) и текстом (кроме команды FORM). Команда SELECT во многих графических клиентах представляется как список.
В отличие от INPUT, SELECT имеет закрывающую команду. Внутри оператора SELECT, разрешена только последовательность команд OPTION, за каждым из которых следует некоторое количество простого текста (без HTML разметки); например:
<SELECT NAME="a-menu">
<OPTION> First option.
<OPTION> Second option.
</SELECT>
Вместе с элементом SELECTиспользуются следующие атрибуты:
NAME=идентификатор
имя SELECT элемента. Обязательное поле (аналогично INPUT).
SIZE=n
если SIZE равен 1 или если этот атрибут опущен, по умолчанию SELECT будет представлен как меню опций Motif. Если SIZE = 2 или более, SELECT будет представлен как окно выбора; значение SIZE тогда будет определять, сколько элементов списка будут видны.
MULTIPLE
если присутствует (нет значения), задает, что SELECT должен позволять множественный выбор из списка. Наличие MULTIPLE принуждает SELECT быть представленным как список выбора, вне зависимости от значения SIZE.
Элементы OPTION также имеют атрибуты:
SELECTEDзадает, что эта опция выбрана по умолчанию. Если SELECT позволяет множественный выбор (с помощью атрибута MULTIPLE ), как SELECTED могут быть помечены несколько опций.