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

</form>

Одним из вариантов обработки формы может быть пересылка данных по электронной почте:

action="mailto:Aдpec@cepвep.домен"

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

Атрибут enctype позволяет указать способ кодирования содержимого формы.

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

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

Можно также определить список допустимых типов данных:

accept="список типов данных"

Большинство форм снабжаются кнопками, которые позволяют очистить (reset"форму или подтвердить (submit) правильность ее заполнения и отослать данные. Чтобы определить программы-сценарии, которые должны выполняться после указанных действий пользователя, существуют два атрибута событий onsubmit и on reset.

Стандартные атрибуты: id, class, lang, style, dir, title, target, атрибуты событий <INPUT>

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

Вид элемента определяет атрибут type:

• type="text" — создание поля ввода, в котором можно автоматически разместить произвольный текст, используя атрибут value;

• type="password" — создание поля для ввода пароля, причем введенная информация отображается звездочками;

• type="checkbox" — создание флажка;

• type="radio" — определение одного переключателя. Для создания группы переключателей необходимо использовать несколько элементов INPUT. Вот пример группы из трех переключателей:

<h3> Переключатели </h3>

<INPUT type="radio" name="S001" vаluе="Первый">

<INPUT type="radio" name="S001" vаluе ="Второй">

<INPUT type="radio" name="S001" vаluе ="Третий" checked>

Атрибут checked определяет, какой из переключателей должен быть выбран по

умолчанию. На рис. 4.4 показан внешний вид этой группы переключателей.

Рис.4.4. Группа переключателей

• type="button" — создание кнопки произвольного назначения;

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

• type="reset" — тоже кнопка, но для отмены ввода данных в форму;

• type="image" — создание кнопки с рисунком. Для указания графического файла используется атрибут src. Атрибут align предназначен для позиционирования кнопки с рисунком. Значения атрибута уже неоднократно упоминались:

bottom, left, middle, right, top. Пользоваться этим атрибутом в данном случае я не рекомендую, так как не все броузеры его поддерживают;

• type="f ile" — средство выбора файла для присоединения к форме. Пользователю предлагается записать имя файла в поле ввода. Кроме того, броузер автоматически создает рядом с полем ввода кнопку Обзор, которая позволяет запустить стандартный (для операционной системы) диалог выбора файлов;

• type="hidden" — скрытый от пользователя элемент. Такие элементы используются для того, чтобы включить в набор данных формы некую фиксированную информацию. По сути, это определение имени переменной и ее значения.

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

Атрибут name должен присутствовать во всех элементах INPUT, кроме кнопок подтверждения и сброса. Значение этого атрибута определяет имя поля формы, то есть блока данных, введенных в это поле. Программа сервера по этому имени может выделить необходимые данные.

Область применения атрибута value нам уже известна. Значение атрибута задает значение по умолчанию для поля ввода или определяет надпись на кнопке.

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

Атрибут size позволяет задать длину поля ввода. Длина выражается в символах, но эта величина может быть задана только приближенно. Чтобы разместить в поле ввода определенное количество символов, потребуется подбор значения атрибута. При этом никто не может дать гарантию, что все броузеры обеспечат требуемую длину строки, а не меньшую. Таким образом, длину поля ввода необходимо выбирать с запасом.

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

Атрибут readonly позволяет создать элемент, недоступный для редактирования.

Атрибут usemap (см. выше раздел «Рисунки и карты») может использоваться, если в форме создается карта.

Так же, как и в FORM, в элементе INPUT можно указывать атрибут accept.

Допустимые общие атрибуты: accesskey, tabindex, readonly, disabled.

Стандартные атрибуты: id, class, lang, title, dir, style, атрибуты событий.

Используя элементы FORM и INPUT, можно создать объект, который заменит аналогичный объект, созданный на основе элемента ISINDEX. Приведенный ниже код выполняет те же функции, что и код, посвященный элементу ISINDEX (см. рис. 4.3):

<FORM action="действие" method="post">

<Р>Строка для ввода критерия поиска <BR>

<INPUT type="text">

</form>

<LABEL></label>

Этот элемент является контейнером для других элементов формы. Например можно объединить надпись и поле ввода:

<LABEL>Ваш адрес: <INPUT type="text" id="adress"></label>

Если элемент LABEL и другой элемент находятся отдельно, используется атрибут for, значение которого должно совпадать со значением атрибута id соответствующего элемента:

<LABEL for="adress">Ваш адрес: </label>

<INPUT type="text" id="adress">

Для каждого элемента LABEL создается один элемент формы. Иногда элементы удобно распределить по ячейкам таблицы, обеспечив тем самым выравнивание данных в форме.

Стандартные атрибуты: accesskey, id, class, lang, dir, title, style, атрибуты событий.

Дата добавления: 2014-01-15