Скрытые управляющие элементы

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

объекты

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

Элемент FORM

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

Элемент FORM служит контейнеров для управляющих элементов. Он определяет:

• Макет формы (дается содержимым элемента).

• Программу, которая будет обрабатывать заполненную и переданную форму (атрибут action). Получающая форму программа должна иметь возможность определения пар имя/значение, чтобы их использовать.

• Метод отправки данных на сервер (атрибут method).

• Кодировку символов, которая должна приниматься сервером для обработки этой формы (атрибут accept-charset).

Форма помимо управляющих элементов может содержать текст и разметку (абзацы, списки и т.д.).

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов

action - задает агента для обработки формы. Например, значением может быть URI HTTP (для передачи формы в программу) или mailto URI (для отправки формы по электронной почте).

method - определяет метод HTTP, используемый для передачи набора данных формы. Возможные значения (с учетом регистра) - «get» (по умолчанию) и «post».

enctype - задает тип содержимого, используемый для отправки формы на сервер (если для метода используется значение «post»). По умолчанию для этого атрибута используется значение «application/x-www-form-urlencoded».

Элемент INPUT

Начальный тег: обязателен, Конечный тег: запрещен

Определения атрибутов

type - определяет тип управляющего элемента. По умолчанию используется значение «text».

name - определяет имя управляющего элемента.

value - определяет начальное значение управляющего элемента. Этот атрибут не обязателен, если только для атрибута type не установлено значение «radio».

size - сообщает браузеру начальную ширину управляющего элемента. Ширина дается в пикселах, если для атрибута type не установлено значение «text» или «password». В этом случае ширина задается в числе символов (число должно быть целым).

maxlength - если для атрибута type установлено значение «text» или «password», этот атрибут определяет максимальное число символов, вводимых пользователем. Это число может превышать указанный в атрибуте size размер поля. По умолчанию число символов не ограничено.

checked - если для атрибута type установлено значение «radio» или «checkbox», этот логический атрибут указывает, что флажок установлен. Агенты пользователей должны игнорировать этот атрибут для других типов управляющих элементов.

src - если атрибут type имеет значение «image», этот атрибут определяет местоположение изображения, используемое для представления графической кнопки.

Типы управляющих элементов, создаваемые с помощью элемента INPUT

Тип управляющего элемента, определяемый элементом INPUT, зависит от значения атрибута type:

text

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

password

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

checkbox

Создает флажок.

radio

Создает кнопку с зависимой фиксацией. Если атрибут name у нескольких кнопок имеет одинаковое значение, то кнопки работают в группе. Если значения нет или оно разное, кнопки работают независимо друг от друга.

submit

Создает кнопку отправки.

image

Создает графическую кнопку отправки. Значение атрибута src задает URI изображения, используемого для представления кнопки. Из соображений доступности авторам следует предусматривать альтернативный текст для изображения с помощью атрибута alt.

reset

Создает кнопку сброса.

button

Создает другую кнопку. Агенты пользователей должны использовать в качестве метки на кнопке значение атрибута value.

hidden

Создает невидимый управляющий элемент.

file

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

Элемент BUTTON

Кнопки, создаваемые с помощью элемента BUTTON, действуют так же, как и кнопки, создаваемые с помощью элемента INPUT, но они обеспечивают более богатые возможности представления: элемент BUTTON может иметь содержимое. Например, элемент BUTTON, содержащий изображение, действует и может отображаться подобно элементу INPUT, для атрибута type которого установлено значение «image», но тип элемента BUTTON может иметь содержимое.

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов

name - определяет имя управляющего элемента.

value - определяет начальное значение кнопки.

type - Объявляет тип кнопки. Возможные значения:

• submit: Создает кнопку отправки. Это значение используется по умолчанию.

• reset: Создает кнопку сброса.

• button: Создает другую кнопку.

Визуальные агенты пользователей могут представлять кнопки BUTTON рельефно или с эффектом нажатия при щелчке мыши, в то время как кнопки INPUT могут представляться только как «плоские» изображения.

Элемент SELECT

Элемент SELECT создает меню (выпадающий список). Каждый вариант пункт меню представляется элементом OPTION. Элемент SELECT должен содержать хотя бы один элемент OPTION.

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов элемента SELECT

name - определяет имя управляющего элемента.

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

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

Элемент OPTGROUP

Элемент OPTGROUP позволяет авторам логически группировать варианты. Обычно это полезно, если пользователь должен делать выбор в длинном списке вариантов; группы связанных вариантов проще просматривать и запоминать, чем один длинный список вариантов. В HTML 4.0 все элементы OPTGROUP должны задаваться непосредственно в элементе SELECT (т.е. группы не могут быть вложенными).

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов элемента OPTGROUP

label - метка группы вариантов.

Элемент OPTION

Задает пункт меню.

Начальный тег: обязателен, Конечный тег: optional

Определения атрибутов элемента OPTION

selected - если этот логический атрибут установлен, этот вариант выбран заранее.

value - определяет исходное значение управляющего элемента. Если этот атрибут не установлен, исходное значение устанавливается равным содержимому элемента OPTION.

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

При представлении пункта меню агенты пользователей должны использовать значение атрибута label элемента OPTION в качестве выбора. Если этот атрибут не определен, агенты пользователей должны использовать содержимое элемента OPTION.

Атрибут label элемента OPTGROUP определяет метку группы

Элемент TEXTAREA

Элемент TEXTAREA создает управляющий элемент для многострочного ввода текста.

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов

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

rows - число видимых текстовых строк.

cols - видимая ширина, выраженная шириной среднего символа.

Установка атрибута readonly позволяет авторам отображать неизменяемый текст в элементе TEXTAREA. В отличие от стандартной разметки текста в документе, при такой разметке значение элемента TEXTAREA передается с формой.

Метки

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

Элемент LABEL

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

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов

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

Элемент LABEL может использоваться для прикрепления к управляющим элементам информации. Каждый элемент LABEL связан ровно с одним управляющим элементом формы.

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

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

Если на элемент LABEL переходит фокус, то он передается в связанный управляющий элемент.

Не нашли, что искали? Воспользуйтесь поиском по сайту: