Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
<LEGEND>...</LEGEND>

Атрибуты align = top|bottom|left|right

  1. top: элемент будет пересекать верхнюю границу элемента.
  2. bottom: элемент будет пересекать нижнюю границу элемента.
  3. left: элемент будет пересекать верхнюю границу элемента fieldset с левой стороны.
  4. right: элемент будет пересекать верхнюю границу элемента fieldset с правой стороны.
Значения атрибута align поддерживаются не всеми браузерами, особенно значение bottom.

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<FORM action="..." method="post">
  4.<FIELDSET>
  5.<LEGEND align="bottom">Личная информация</LEGEND>
  6.Ваше Имя: <INPUT name="personal_lastname" type="text" tabindex="1"><br />
  7.Ваш возраст: <INPUT name="personal_firstname" type="text" tabindex="2"><br />
  8.Алрес: <INPUT name="personal_address" type="text" tabindex="3"><br />
  9.</FIELDSET>
10.</FORM>
11.</HTML>
Элементы LEGEND и атрибут align
Элементы LEGEND и атрибут align

tabindex = 1|2|3|…

Атрибут tabindex устанавливает порядок перемещения по элементам при использовании кнопки tab. Элементы, для которых не определен данный атрибут, следуют за элементами, для которых данный атрибут определен. Если в данном атрибуте указано отрицательное значение, то элемент с данным атрибутом выпадает из навигации по элементам с помощью кнопки tab.

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<FORM action="..." method="post">
  4.<FIELDSET>
  5.<LEGEND align="bottom">Personal Information</LEGEND>
  6.Last Name: <INPUT name="personal_lastname" type="text" tabindex="1">
  7.Last Name: <INPUT name="personal_lastname" type="text" tabindex="2" disabled>
  8.First Name: <INPUT name="personal_firstname" type="text" tabindex="-1">
  9.Address: <INPUT name="personal_address" type="text" tabindex="3">
10....more personal information...
11.</FIELDSET>
12.</FORM>
13.</HTML>

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<FORM action="..." method="post">
  4.<FIELDSET>
  5.<LEGEND align="bottom">Личная информация</LEGEND>
  6.Ваше Имя: <INPUT name="personal_lastname" type="text" tabindex="1"><br />
  7.Ваш возраст: <INPUT name="personal_firstname" type="text" tabindex="2"><br />
  8.Алрес: <INPUT name="personal_address" type="text" tabindex="3"><br />
  9.</FIELDSET>
10.</FORM>
11.</HTML>
accesskey = клавиша быстро перехода. В данном атрибуте устанавливается клавиша быстрого перехода в комбинации с первоначальной клавишей. Комбинация клавиш зависит от платформы пользователя. Для операционных систем MS Windows первая клавиша в комбинации, как правило, "alt". Для операционных систем Apple данной клавишей будет "cmd".

Атрибут accesskey поддерживают следующие элементы: LABEL, A, CAPTION, и LEGEND.

Ниже, при нажатии комбинации клавиш, среди которых последняя завершается на U, фокус перейдет к элементу LABEL.

  1.<FORM action="..." method="post">
  2. <LABEL for="user" accesskey="U">User Name</LABEL>
  3. <INPUT type="text" name="user">
  4.</FORM>
  5.


Доступ и установка с jQuery

  • Получить коллекцию элементов LEGEND: val = $("LEGEND");
  • Получить класс элементаLEGEND: val = $("LEGEND").attr("class");
  • Установить несколько CSS свойств HTML элементу LEGEND: $("LEGEND").css({"...":"..."});
  • Установить единичное CSS свойство HTML элементу LEGEND: $("LEGEND").css("...","...");
  • Как использовать jQuery для HTML, - читайте статью "jQuery и HTML для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org