используется для логической группировки элементов в форме

Используется для логической группировки элементов в форме

Тег используется для логической группировки элементов в форме.

Тег отрисовывает прямоугольную рамку вокруг взаимосвязанных элементов формы.

Тег определяет заголовок для элемента.

Поддержка Браузерами

Тег поддерживается всеми основными браузерами.

Различия Между HTML и XHTML

Стандартные Атрибуты

Столбец DTD указывает, в каком типе документа HTML 4.01/XHTML 1.0 DTD атрибут разрешен. S=Strict, T=Transitional и F=Frameset.

Тег поддерживает следующие стандартные атрибуты:

Дополнительная информация о Стандартных Атрибутах.

Атрибуты Событий

Тег поддерживает следующие атрибуты событий:

Дополнительная информация об Атрибутах Событий.

Источник

Использование элементов fieldset и legend для группировки управляющих элементов HTML форм

Элементы fieldset и legend должны использоваться вместе для создания именованных групп связанных с точки зрения семантики полей ввода HTML форм. Это позволяет пользователю понять, как поля ввода связаны между собой.

Как группировка представляется пользователю, зависит в основном от того, зрячий он или нет. Большинство графических браузеров по умолчанию рисуют рамку вокруг элемента fieldset и отображают legend вверху этой рамки, в то время как «читалки» проговаривают текст, который находится в legend, в начале каждого блока fieldset или перед каждым элементом управления, который находится внутри него. В результате — лучше делать его коротким и продумывать то, как будут сочетаться текст в legend и label, если их произнести вместе.
Вот пример использования fieldset для группировки radio:

В общем: не используйте fieldset и legend если вы хотите обрамить рамочкой информационное наполнение страницы (От переводчика: весьма неожиданный вывод. Кто бы мог подумать, да?) Их следует использовать для логической группировки элементов управления в форме, всегда следует использовать оба элемента и текст в legend должен быть краток.

Дополнительные материалы:

Связанные заметки

Послесловие.

Мне интересна тема доступности веб-сайтов. Особенно для пользователей с ограничениями по зрению или отсутствием такового. Если кто то знает реально используемые такими людьми бесплатные скринридеры, статьи, которые описывают особенности работы с ними, любую информацию по этой тематике — пожалуйста напишите мне. А я по мере того как буду получать информацию сам — буду писать статейки, которые освещают данную проблематику.

О переводчике.

Я — Ворон. А Ворон это — я. Кое где известен, как Тихий Бес (Silent Imp).
Я вольнонаемный верстальщик, программист.
Очень люблю качественно верстать макеты.
А еще у меня есть маленький сайтик.
Переводами занимаюсь потому, что сам читаю эти статейки и иногда мне хочется сделать что-то хорошее окружающим меня людям. Надеюсь, что статейка доставит вам удовольствие или даже будет вам полезна.

Источник

1.11.4. Группировка содержимого

HTML-элементы для группировки содержимого веб-страниц

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

Тем не менее, это было бы лучше разметить как:

Элементы списка (в частности, элементы

и
) не могут быть дочерними элементами

. Поэтому, когда предложение содержит маркированный список, его можно разметить следующим образом:

2. Элемент

Категории контента: потоковое содержимое, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается потоковое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Например, твиттер-аккаунт W3C:

Адрес, телефон и факс организации:

3. Элемент

Категории контента: потоковое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается потоковое содержимое.

Пропуск тегов: отсутствует закрывающий тег.

Элемент представляет собой тематический разрыв на уровне абзаца, например, изменение сцены в рассказе или переход к другой теме в разделе справочника.

Нет необходимости в элементе между разделами, поскольку элементы и элементы

сами подразумевают смену тематики.

Элемент не влияет на структуру документа.

4. Элемент

5. Элемент

Категории контента: потоковое содержимое, корневой секционный, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается потоковое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

6. Элемент

Контекст, в котором этот элемент может быть использован: где ожидается потоковое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Для элемента доступны ‎глобальные атрибуты, а также атрибуты, приведенные в таблице ниже:

Таблица 1. Атрибуты элемента

Атрибут	Описание, принимаемое значение
reversed	Логический атрибут. Если присутствует, это означает, что список является нисходящим (…, 3, 2, 1). Если атрибут опущен, список является восходящим (1, 2, 3, …).
start	Целое число, задающее порядковый номер первого элемента списка. По умолчанию равно 1 (если отсутствует атрибут reversed ).
type	Используется для указания типа маркера, по умолчанию используется десятичная нумерация. Принимаемые значения: 1 — десятичная нумерация. A — нумерация списка в алфавитном порядке, прописные буквы латинского алфавита (A, B, C, D). a — нумерация списка в алфавитном порядке, строчные буквы латинского алфавита (a, b, c, d). I — нумерация римскими заглавными цифрами (I, II, III, IV). i — нумерация римскими строчными цифрами (i, ii, iii, iv).

7. Элемент

Контекст, в котором этот элемент может быть использован: где ожидается потоковое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Элемент

представляет собой список элементов, где порядок элементов не важен, то есть когда изменение порядка не приведет к существенному изменению смысла документа.

8. Элемент

Категории контента: отсутствуют.

Контекст, в котором этот элемент может быть использован: внутри элемента

и
.

9. Элемент

Категории контента: потоковое содержимое. Если имеется хотя бы одна пара — — видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается потоковое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Группы термин-описание могут быть терминами и определениями, вопросами и ответами, категориями и темами и т.п.

10. Элемент

Категории контента: отсутствуют.

11. Элемент

Категории контента: отсутствуют.

Пропуск тегов: закрывающий тег элемента может быть опущен, если за элементом сразу же следует другой элемент или элемент или если в родительском элементе больше нет содержимого.

12. Элемент

Категории контента: потоковое содержимое, корневой секционный, видимое содержимое.

Контекст, в котором этот элемент может быть использован: где ожидается потоковое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Элемент представляет автономное содержимое (необязательно с подписью), являющееся самостоятельным элементом основного потока. С помощью элемента можно добавлять краткие характеристики к иллюстрациям, фотографиям, диаграммам, фрагментам кода и т.д.

Когда на ссылаются из основного содержимого документа, идентифицируя его по заголовку (например, по номеру рисунка), это позволяет легко перемещать такое содержимое из основного содержимого, например, в боковую колонку или приложение, не затрагивая поток документа.

Стили браузеров по умолчанию для элемента :

13. Элемент

Категории контента: отсутствуют.

Пропуск тегов: ни один из тегов не может быть пропущен.

14. Элемент

Категории контента: потоковое содержимое, видимое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Элемент включает основное содержимое элемента документа или приложения и исключает содержимое, которое повторяется на страницах сайта/приложения, таких как ссылки для навигации по сайту, информация об авторских правах, логотипы сайта и баннеры, а также поисковые формы (за исключением случаев, когда основной функцией документа или приложения является поисковая форма).

Не является секционным содержимым, поэтому не оказывает никакого влияния на структуру документа.

15. Элемент

Категории контента: потоковое содержимое, видимое содержимое.

Пропуск тегов: ни один из тегов не может быть пропущен.

Источник

Создание форм HTML

Формы представляют собой наиболее важные интерактивные элементы HTML,
позволяющие разработчикам страниц интерактивно взаимодействовать с посетителями.
С их помощью пользователь может возвращать коментарии по поводу посещения
определенного узла, пересылать запросы или регистрироваться. Разработчик задает
вопросы, создавая форму, а пользователь отвечает на них заполняя её. Содержимое
формы либо передаётся сценарию CGI, либо по электронной почте посылается
получателю. Сам процесс создания формы состоит из двух этапов. Первый
заключается в создании самой формы, а второй заключает в себе создание на
сервере сценария CGI. Форма создается при помощи различных тэгов и
атрибутов, заключенных в пару :

Элемент является базовым для всех элементов формы. Он
используется для внедрения в форму кнопок, графических изображений, флажков,
переключателей, паролей и текстовых полей. Несмотря на внешние отличия форм все
они пересылают сценарию CGI данные ввиде пар имя:значение. Элемент
может иметь восемь атрибутов обозначаемые как type:

American Express

Элемент

При помощи этого элемента создается область
для ввода и прoсмотра текста. Может использоваться и не в составе формы, а как
самостоятельные детали страницы. Область ввода помогает сэкономить место
благодаря полосам прокрутки. Может иметь атрибуты:

Источник

Группировка элементов формы

Таблица 12-8: Элемент fieldset

Листинг 12-12: Использование элемента fieldset

Рисунок 12-8: Использование элемента fieldset для группировки элементов input

Добавление описательной метки для элемента fieldset

Таблица 12-9: Элемент legend

Листинг 12-13: Использование элемента legend

Рисунок 12-9: Использование элемента legend

Отключение группы элементов input при помощи элемента fieldset

Листинг 12-14: Отключение элементов input с использованием элемента fieldset

Рисунок 12-10: Отключение элементов input с использованием элемента fieldset

Источник