Добавление в формы структуры: элементы fieldset и legend

<!-- #PCDATA используется для решения проблемы смешанного содержимого, per specification only whitespace is allowed there! --><!ELEMENT FIELDSET - - (#PCDATA,LEGEND,(%flow;)*) - группа управляющих элементов формы --><!ATTLIST FIELDSET %attrs;                         -- %coreattrs, %i18n, %events -- > <!ELEMENT LEGEND - - (%inline;)*  -- legend набора полей --><!ENTITY % LAlign "(top|bottom|left|right)"> <!ATTLIST LEGEND %attrs;                         -- %coreattrs, %i18n, %events -- accesskey %Character; #IMPLIED -- клавиша доступа -- >

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

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

align = top|bottom|left|right [CI]

Нежелателен. Определяет положение legend относительно набора полей. Возможные значения:

· top: legend располагается сверху набора полей. Это значение используется по умолчанию.

· bottom: legend располагается внизу набора полей.

· left: legend располагается в левой части набора полей.

· right: legend располагается в правой части набора полей.

Атрибуты, определяемые в другом месте

• id, class (идентификаторы в пределах документа)
• lang (информация о языке), dir (направление текста)
• title (заголовок элемента)
• style (встроенная информация о стиле)
• accesskey (клавиши доступа)
• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)

Элемент FIELDSET позволяет авторам группировать связанные метки и управляющие элементы по темам. Группировка управляющих элементов упрощает пользователям понимание назначения элементов, одновременно упрощая переход по клавише tab для визуальных агентов пользователей и речевую навигацию для звуковых агентов пользователей. Корректное использование этого элемента повышает доступность документов.

Элемент LEGEND позволяет авторам назначать заголовки для элемента FIELDSET. Legend повышает доступность, если элемент FIELDSET представляется невизуально.

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

<FORM action="..." method="post"> <P> <FIELDSET> <LEGEND>Личная информация</LEGEND> Фамилия: <INPUT name="personal_lastname" type="text" tabindex="1"> Имя: <INPUT name="personal_firstname" type="text" tabindex="2"> Адрес: <INPUT name="personal_address" type="text" tabindex="3"> ...другая персональная информация... </FIELDSET> <FIELDSET> <LEGEND>История болезни</LEGEND> <INPUT name="history_illness"          type="checkbox"          value="Smallpox" tabindex="20"> Smallpox <INPUT name="history_illness"          type="checkbox"          value="Mumps" tabindex="21"> Mumps <INPUT name="history_illness"          type="checkbox"          value="Dizziness" tabindex="22"> Dizziness <INPUT name="history_illness"          type="checkbox"          value="Sneezing" tabindex="23"> Sneezing ...продолжение истории болезни... </FIELDSET> <FIELDSET> <LEGEND>Текущее лечение</LEGEND> Принимаете ли Вы сейчас медицинские препараты?   <INPUT name="medication_now"          type="radio"          value="Yes" tabindex="35">Да <INPUT name="medication_now"          type="radio"          value="No" tabindex="35">Нет Если да, перечислите их ниже: <TEXTAREA name="current_medication"             rows="20" cols="50"       tabindex="40"> </TEXTAREA> </FIELDSET></FORM>

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

Переход фокуса на элемент

В документе HTML, чтобы стать активным и выполнить свои задачи, элемент должен получить фокус от пользователя. Например, пользователи должны активизировать ссылку, задаваемую элементом A, чтобы перейти к связанному документу. Точно так же пользователи должны перевести фокус на элемент TEXTAREA, чтобы в него можно было вводить текст.

Имеется несколько способов передачи фокуса элементу:

• Указать элемент с помощью указательного устройства.
• Перейти с одного элемента на другой с помощью клавиатуры. Автор документа может определить последовательность перехода, определяющую порядок получения элементами фокуса при переходе пользователя по документу с помощью клавиатуры (см. переход по клавише tab). Выбранный элемент можно активизировать с помощью другой последовательности клавиш.
• Выбрать элемент с помощью клавиши доступа (иногда называется "клавиатурным сокращением").