смотренные в HTML, позволяют дополнительно структурировать (как логически, так и визуально) сложные формы, разбив их на относительно небольшие и однородные тематические группы элементов.
В случае применения означенных тегов родственные поля веб-формы заключаются в контейнер . . -. Элемент . . . ,содержащий текстовый заголовок той или иной группы элементов, должен следовать сразу же за открывающим тегом .
Использование тега label
Примеры использования переключателей и флажков исправно функционируют, но они неудобны тем, кто хочет изменить состояние того или иного элемента ему необходимо щелкать прямо на радиокнопке или флажке. Между тем в различных прикладных программах достаточно щелкнуть мышью по надписи, располагающейся напротив того или иного флажка, чтобы включить опцию. Реализовать подобный эффект в веб-формах позволяет тег , определяющий элемент-контейнер, внутрь которого заключается текст подписи к флажку или радиокнопке. атрибут for тега label указывает, к какому именно элементу формы относится соответствующая метка. значение этого атибута должно совпадать с содержимым атрибута id тега , определяющего нужный флажок или радиокнопку.
например, модифицированный код на использование радиокнопок с учетом сказанного будет выглядеть так:
0-5 лет
5-12лет
12-20лет
ot 20 лет
Чтобы выбрать тот или иной вариант ответа, теперь не нужно целиться по соответствующей радиокнопке - достаточно лишь щелкнуть по сопровождающей ее надписи.
Группировка элементов форм
В современной практике веб-разработки не так уж и редко встречаются обширные формы, насчитывающие десятки полей различных типов. Сказанное относится в первую очередь к административным интерфейсам продвинутых систем управ
Страницы: << < 18 | 19 | 20 | 21 | 22 > >>