Добавляем...


Другие элементы формы: Label, Fieldset и Legend
HTML поддерживает еще несколько дескрипторов для форм, которые облегчают доступ к таблицам стилей и работу с ними. Например, дескриптор <label> обеспечивает метку полям формы, находящимся в его рамках, которую можно использовать для удобства, так и в пользовательском агенте, не имеющем визуального представления. Вот два примера применения дескриптора <label>:

<form action="#" method="get">
<labе1>Имя пользователя:
<input type="text" id="username" name="username" />
</label><br />
<labе1 for="userpassword">Пароль: </label>
<input type="password" id="userpassword" name="userpassword" />
</form>

Свойства, поддерживаемые объектом HTMLLabelElement в дополнение к стандартным свойствам и методам DOM для элементов (X)HTML, приведены в таблице. Атрибут for представлен свойством htmlFor, поскольку for является зарезервированным ключевым словом JavaScript. Немного позже в этой главе мы покажем другой вариант применения <label> для повышения удобства использования формы.

Таблица. Свойства объекта HTMLLabelElement
Свойство Описание
accessKey Строка, соответствующая значению атрибута accesskey и указывающая клавишу ускоренного доступа, предоставляющую фокус ввода данному элементу
form Ссылка на объект Form, содержащий данный элемент
htmlFor Строка, содержащая значение атрибута name или атрибута id элемента, к которому применима данная метка

Дескриптор <fieldset> используется для группировки набора элементов. Дескриптор <legend> используется в рамках <fieldset>, чтобы создать метку для соответствующей группы. Вот пример использования этих двух дескрипторов.

<form action="#" method="get">
<fieldset>
<legend>Информация для входа в систему</legend>
<label>Имя пользователя:
<input type="text" id="username" name="username" />
</label><br />
<label for="userpassword">Пароль: </label>
<input type="password" id="userpassword" name="userpassword" />
</fieldset>
</form>

Как правило, браузер отображает элементы, находящиеся в пределах <fieldset>, заключенными в рамку. Контроль над <fieldset> и <legend> со стороны JavaScript сильно ограничен, даже при поддержке DOM. Свойства объектов HTMLFieldSetElement и HTMLLegendElement, выходящие за пределы базовых свойств (X)HTML, приводятся, соответственно, в таблицах. Как видите, эти дескрипторы и в самом деле допускают мало возможностей для интерактивного взаимодействия.

Таблица. Дополнительное свойство, поддерживаемое объектом HTMLFieldSetElement
Свойство Описание
form Ссылка на форму, содержащую элемент, представленный данным объектом

Таблица. Свойства объекта HTMLLegendElement
Свойство Описание
accessKey Строка, соответствующая значению атрибута accesskey иуказывающая клавишу ускоренного доступа, предоставляющую фокус ввода данному элементу
align Строка, задающая способ выравнивания для данного элемента ("top", "bottom", "right" или "left")
form Ссылка на форму, содержащую элемент, представленный данным объектом

Теперь, когда мы выяснили, как в JavaScript можно получить доступ ко всем ментам формы (X)HTML, давайте используем эти знания на практике, чтобы обеспечить контроль вводимых данных, различные усовершенствования и динамиче» возможности форм.
назад:
далее:


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика