Передача данных формы на сервер

Кнопки

Логические элементы

Поля ввода

text создает элемент для ввода текста из одной строки;

password аналогичен элементу "text", но вводимый текст представляется так, чтобы не отображать символы (например, в виде ряда звездочек). Этот управляющий элемент часто используется для ввода паролей. Текущим значением является текст, введенный пользователем (значение атрибута VALUE игнорируется).

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

hidden создает невидимый управляющий элемент. Используется для определения в форме каких-либо значений. Объект hidden не может быть увиден и изменен пользователем. Вы можете использовать объекты hidden для коммуникаций клиент/сервер;

file создает управляющий элемент выбора файла. В целях обеспечения безопасности браузер не может использовать значение атрибута VALUE в качестве исходного имени файла. При использовании этого элемента в теге FORM должен быть выбран метод POST и установлено ENCODING="multipart/form-data".

Атрибут CHECKED указывает на то, что элемент установлен по умолчанию.

checkbox создает переключатель в форме. Является сенсорным переключателем, позволяющим пользователю устанавливать значение on или off;

radio создает кнопку с зависимой фиксацией. У группы зависимых кнопок значение атрибута NAME должно быть одинаковым.

Для всех кнопок атрибут VALUE задает надпись на кнопке.

reset создает кнопку сброса, при нажатии которой значения всех элементов формы сбрасываются в исходное состояние;

submit создает кнопку отправки, при нажатии которой данные формы отправляются на сервер;

image создает графическую кнопку отправки. Значение атрибута SRC задает URL изображения, используемого для представления кнопки. Из соображений доступности следует предусматривать альтернативный текст для изображения с помощью атрибута ALT.

Если для щелчка на изображении используется "мышь", на сервер передаются координаты щелчка. В передаваемые данные включаются последовательность name.x=значение-x и name.y=значение-y, где "name" - значение атрибута NAME, а значение-x и значение-y - значения координат x и y соответственно. Значение x измеряется в пикселах от левой границы изображения, а значение y - в пикселах от верхней границы;

button создает альтернативную кнопку. Действие при нажатии кнопки определяется разработчиком документа дополнительно, например, с помощью языка сценариев JavaScript.

Теги <SELECT> и <OPTION>

Тег <SELECT> создает меню или список. Тег парный - начальный и конечный теги обязательны. Каждый пункт меню описывается тегом <OPTION>. SELECT должен содержать хотя бы один элемент OPTION.

Атрибуты тега <SELECT>:

· NAME - определяет имя управляющего элемента;

· SIZE - если элемент SELECT представлен в виде списка с возможностью прокрутки, этот атрибут определяет число строк в списке, видимых в один момент времени. Если значение равно 1, элемент SELECT представляется в виде выпадающего меню;

· MULTIPLE - если этот логический атрибут установлен, он позволяет выбирать несколько пунктов одновременно. Если он не установлен, в элементе SELECT можно выбрать только один вариант.

Тег <OPTION> описывает пункт меню (вариант). Закрывающий тег не обязателен. Атрибуты тега <OPTION>:

· VALUE - определяет исходное значение. Если этот атрибут не установлен, исходное значение устанавливается равным содержимому элемента OPTION (т.е. тексту после тега <OPTION>);

· SELECTED - определяет выбранный элемент по умолчанию. Если для элемента SELECT установлен атрибут MULTIPLE, то атрибут SELECTED может быть установлен для нескольких элементов OPTION.

Тег <TEXTAREA>

Элемент TEXTAREA создает управляющий элемент для многострочного ввода текста. Содержимое этого элемента (текст между открывающим и закрывающим тегами) используется как исходное значение элемента. Тег парный, начальный и конечный теги обязательны. Определения атрибутов:

NAME - имя управляющего элемента;

ROWS - число видимых текстовых строк. Пользователь имеет возможность вводить большее количество строк, поэтому браузер обеспечивает средства прокрутки;

COLS - видимая ширина в символах, выраженная средней шириной символа. Пользователь имеет возможность вводить большее количество строк, поэтому браузер обеспечивает средства прокрутки;

WRAP - определяет порядок переноса при достижении конца строки. Возможные значения:

off - текст передается на сервер в том виде, в каком был введен;

virtual - при достижении конца строки текст переносится на новую строку, но передается на сервер в том виде, в каком был введен;

physical - как virtual, но в конце строки вставляется символ перевода строки.

В HTML 4.0 добавлены атрибуты:

READONLY - установка атрибута READONLY позволяет отображать неизменяемый текст в элементе TEXTAREA;

DISABLED - отключенный элемент ввода;

TABINDEX - определяет порядок перехода с помощью клавиши <Tab>.

При передаче на сервер данные формы передаются как пары "Name"="Значение", соединенные символом '&'. "Name" - значение атрибута NAME, если оно не задано, то данные такого элемента на сервер не отправляются. "Значение" - значение атрибута VALUE, или данные, введенные пользователем. Специальные символы (!,",№, %,:,?, *, (,), _, +, / и др.), символы кириллицы и символ пробела преобразуются в шестнадцатеричный формат. Особенности для различных элементов формы:

text, password - передаются данные, введенные пользователем;

file - при вводе имени файла на сервер отправляется его содержимое;

checkbox, radio - данные отправляются только для выбранных (отмеченных) элементов;

reset, submit, button - данные не отправляются;

image - в передаваемые данные включаются последовательности name.x=значение-x и name.y=значение-y, где "name" - значение атрибута NAME, а значение-x и значение-y - значения координат x и y соответственно;

textarea - введенные данные отправляются с учетом значения атрибута WRAP (см. с. 9);

select - данные отправляются только для выбранных элементов OPTION.

Дата добавления: 2014-12-27