Угруповання елементів форми та забезпечення їх написами
Звичайний текст, який використовується для створення написів та міток, так само як і вміст інших видів, що пояснює форму, – статичний. Якщо не брати до уваги візуальної близькості з елементами введення у формі, ці мітки та інструкції ніяк більше не пов'язані з тими елементами, до яких вони відносяться. З цієї причини форми нелегко розуміти і ним важко переміщатися, особливо тим людям, які не мають значення зі зором. Спробуйте самі. Викличте просту форму, яка запитує особисті дані, заплющити очі і спробуйте знайти місце, куди слід ввести ваше ім'я.
Стандарт HTML 4.0 ввів три нові теги, які полегшують переміщення формою, особливо для користувачів з фізичними вадами. Вони надають можливість групувати елементи форми та постачати ці групи мітками. Надають вони нові можливості для створення написів для окремих елементів форми.
Передбачається, що броузер зможе поводитися з ними особливим чином, виводити їх вміст через синтезатор мови, наприклад, і що до них буде забезпечений зручний доступ з клавіатури користувача. Це станеться, коли броузери відповідатимуть стандартам HTML 4 і XHTML.
ТегВикористовуйте тег для встановлення зв'язку між елементом форми, таким як текстове поле введення, і однією або декількома текстовими мітками.
Відповідно до останніх стандартів, броузер повинен звертатися з текстом мітки спеціальним чином. Броузери можуть вибирати особливий стиль їхнього відображення (ви також, застосовуючи таблиці стилів). І коли користувач зупиняється на мітці, броузер повинен автоматично активізувати відповідний елемент форми.
Явне і неявне прив'язування мітокОдна або кілька міток можуть зв'язуватися з елементом форми одним із двох способів: неявно шляхом включенняелемент форми у вигляді вмісту в тегу , або явно, вказівкою ID-елемента в атрибуті for тега .
Приклади в XHTML:
Будьте обережні та не плутайте атрибутів name та id.
Перший створює ім'я елемента, що використовується обробником форми з боку сервера, другий вказує ім'я, яке може застосовуватися тегом і URL. Зауважте також, що хоча мітка може посилатися лише на один елемент форми, кілька міток можуть посилатися на один елемент. Це дає можливість переміщати користувача до конкретного поля введення різних областей документа.
Інші атрибути тегиДо позначок належать багато загальних атрибутів тегів: відображення, доступу та подій, описані в розділі 9.9. Крім атрибутів подій стандартів HTML 4 і XHTML мітки підтримують також атрибути onfocus і onblur.
Формування групОкрім створення міток окремих елементів, можна об'єднати в групу ряд елементів форми та визначити мітки для цієї групи за допомогою тегів та . Тут знову стандарти HTML 4 і XHTML намагаються зробити форми доступнішими, особливо для користувачів з фізичними вадами. Явне призначення групи елементів дозволяє особливим чином відображати вміст форми і взагалі поводитися з ним інакше.
ТегТег містить у собі частину вмісту форми, створюючи групу пов'язаних елементів.
Тег не має обов'язкових і властивих тільки йому атрибутів.Коли група елементів форми знаходиться в тезі , броузер може відображати їх особливим способом - укладаючи групу в рамку, застосовуючи 3D-ефекти або навіть створюючи субформу, що містить елементи групи.
ТегВикористовуйте тег для створення мітки групи елементів форми. Цей тег може знаходитись лише всередині тега. Як і у випадку, вміст тега можеспеціальним чином трактуватися броузером відповідно до стандартів HTML 4 і XHTML, активізуючи асоційовану з ним групу, коли користувач вибирає легенду, полегшуючи тим самим доступ до набору. align. Значенням align можуть бути top, bottom, left і right, що вказують броузеру, як має розташовуватися легенда стосовно групи елементів .
Збираючи разом описані теги, ми подаємо нижче легенду до групи, що містить невелику кількість елементів, кожен з яких має свою мітку. Подивіться, якою акуратною рамочкою оточує Firefox групу елементів, включаючи легенду, ніяк інакше не форматуючи вміст тега . Очевидно, що вам доведеться виконати деяке форматування самостійно:
Personal information Name: Address: Phone: