Групи керуючих елементів: елементи fieldset й legend

Синтаксис: <FIELDSET>…</FIELDSET> (блоковий елемент) Атрибути: id, class, style, title, lang, dir, події Підтримка: Відповідає стандарту (5.0+) Не підтримується Синтаксис: <LEGEND>…</LEGEND> (текстовий елемент) Атрибути: id, class, style, title, lang, dir, події accesskey = символ (ім'я клавіші швидкого доступу) Підтримка: Відповідає стандарту; клавіша, задана в accesskey, повинна натискатися разом з Alt (5.0+) Не підтримується

Елемент FIELDSET визначає групу керуючих елементів форми. Поєднуючи взаємозалежні керуючі елементи в групи, можна розбити форму на кілька частин, полегшуючи користувачеві її заповнення. Умістом цього елемента є елемент LEGEND, що задає титул групи елементів, за яким можуть випливати будь-які блокові й/або текстові елементи, включаючи інший елемент FIELDSET. Він може втримуватися в елементах BLOCKQUOTE, BODY, DD, DEL, DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD й TH.

Елемент LEGEND задає титул групи елементів. Він може містити будь-які текстові елементи й може вживатися тільки на початку елемента FIELDSET. Необов'язковий атрибут accesskey задає символ Unicode як клавіша швидкого доступу до елемента.

Пример форми, розбитої на три групи керуючих елементів:

Code 8.6 <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"> Віспа <INPUT name="history_illness" type="checkbox" value="Mumps" tabindex="21"> Свинка <INPUT name="history_illness" type="checkbox" value="Dizziness" tabindex="22"> Запаморочення <INPUT name="history_illness" type="checkbox" value="Sneezing" tabindex="23"> Кашель </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> </P></FORM>

Відображатися ця форма буде приблизно так:

Тема 9. Сценарії та інші елементи до гори ↑

Загальний опис

 

Сценарій клієнта — це програма, що викликається з HTML-документа або безпосередньо в нього вкладена й виконується на комп'ютері-клієнті. Сценарії дозволяють доповнити HTML-документи динамічно змінюваними властивостями й інтерактивними можливостями, а саме:

Сценарії можуть виконуватися при завантаженні документа й динамічно змінювати його вміст.

Сценарії можуть викликатися для реакції на такі події, як завантаження або вивантаження документа, рух миші, натискання клавіші й т.п.

Сценарії можуть використатися для обробки даних, що вводять користувачем в елементи форми. Зокрема, вони дозволяють заповнювати поля форми на основі вмісту інших полів або контролювати правильність уведених даних.

Сценарії можуть приєднуватися до елементів форм (наприклад, кнопкам) для створення графічного користувальницького інтерфейсу.

Існують два типи сценаріїв, які можуть бути приєднані до HTML-документа:

Сценарії, які виконуються в процесі завантаження документа оглядачем. Ці сценарії містяться в елемент SCRIPT. Для оглядачів, не підтримуючі сценарії, може бути заданий альтернативний зміст елементом NOSCRIPT.

Сценарії, які викликаються щораз, коли відбувається певна подія. Ці сценарії зв'язуються з відповідними елементами через атрибути обробки подій. Докладно обробка подій описана в гл. 4.11.