Лабораторная работа №6 Тема: использование элементов форм при создании Web-страницы

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

Общие атрибуты форм

Каждый элемент управления создается при помощи одного из элементов HTML. В момент активизации формы часть элементов может иметь значения. В текстовое поле может быть введена строка, переключатели могут иметь подписи и т.д. Для задания этих значений используется атрибут value. Например: value="Сброс".

Атрибут tabindex = номер позволяет определить, в какой последовательности курсор переходит с поля на поле при нажатии клавиши Tab. На элемент с атрибутом tabindex = 1 устанавливается курсор в момент открытия окна броузера.

Атрибут disabled позволяет сделать элемент формы недоступным. Вид элемента при этом не изменяется, но цвет текста становится более бледным. Недоступный элемент нельзя выбрать или изменить его значение.

Существуют атрибуты событий, которые непосредственно связаны с формами:

• Onfocus - элемент получает фокус (выбирается);

• Onchange - информация элемента изменена;

• Onblur - элемент теряет фокус.

Элементы форм

<FORM> </FORM>

Элемент необходим для построения достаточно сложных форм. После заполнения и подтверждения ввода со стороны пользователя, введенная информация пересылается на сервер и обрабатывается при помощи CGI- программы, связанной с формой. Атрибут action должен указывать на имя программы, например:

<FORM action = "http://www/название.домен/имя программы>

Элементы формы

</form>

или для пересылки данных по электронной почте:

action = "mailto:Адрес@сервер.домен"

Атрибут method задает протокол для пересылки данных на сервер. Протокол GET используется по умолчанию, но в большинстве случаев используется протокол POST.

Атрибут enctype указывает способ кодировки формы.

Атрибут accept определяет список допустимых кодировок или список допустимых типов:

Accept-charset = "список кодировок",

Accept- = "список типов данных".

Большинство форм снабжаются кнопками, которые позволяют очистить (reset) форму или подтвердить (submit) правильность ее заполнения и отослать данные.

<INPUT>

Этот элемент позволяет создавать различные части формы: флажки, переключатели, поля ввода. Элемент не имеет конечного тега, так как все параметры задаются при помощи атрибутов.

TYPE - атрибут, определяющий вид элемента:

• Text - создает поле ввода для размещения произвольного текста, используя атрибут value;

• Password - задает поле для ввода пароля (вводимая информация отображается звездочками);

• Checkbox - создание флажка;

• Radio - определяет один из переключателей. Количество атрибутов соответствует количеству переключателей. При этом атрибут checked определяет, какой из переключателей должен быть выбран по умолчанию. Например:

<INPUT type ="radio" name=S1 value="Первый">

<INPUT type ="radio" name=S2 value="Второй" checked>

• Sybmit - создание кнопки, щелчок на которой подтверждает ввод информации в форму. Атрибут value определяет надпись на кнопке;

• Button - создание кнопки произвольного назначения;

• Reset - создание кнопки для отмены ввода данных в форму;

• Image - создание кнопки с рисунком. Для указания графического файла используется атрибут src. Атрибут align определяет позиционирование кнопки с рисунком;

• File - определяет выбор файла для присоединения форме. Пользователю предлагается записать имя файла в поле ввода;

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