Per koci ru ad astra!

Курс HTML :: Формы: Объединение полей в группы (fieldset). Урок 19.

Настройка сайта

Проверка javascript.

Светофор, свет красный

В текущей ситуации, на вашем компьютере, данном браузере, при данной конфигурации вы не можете использовать программы, написанные на javascript.

Вероятные причины проблемы: в настройках браузера отключена возможность выполнения javascript и/или в данный момент имеются проблемы подключения к Интернету.

Решение проблемы: устраните причины, указанные выше и нажмите CTRL-F5 для перезагрузки софта и контента этой странички.

Должно помочь.


Рекомендую курсы
Рекомендаций не видно по причине отключенного javascript.


Домен inumo.ru


Урок 19. Формы: Объединение полей в группы (fieldset).
HTML - основа основ Интернета. Базовый курс. Формы: Объединение полей в группы (fieldset). Урок 19. Тег <fieldset></fieldset> и сопутствующий ему тег <legend></legend> служат для оформительских целей, чтобы объединить поля в логические группы.
© Перепечатка разрешается с установкой ссылки на ресурс http://koci.inumo.ru
19. Формы: Объединение полей в группы (fieldset).
Тег <fieldset></fieldset> и сопутствующий ему тег <legend></legend> служат для оформительских целей, чтобы объединить поля в логические группы.

При этом следует соблюдать следующие правила:
  1. <fieldset></fieldset> - тег fieldset является парным. Тегом <fieldset> начинается группа полей, тегом </fieldset> заканчивается.
  2. <legend></legend> - тег legend является парным. Внутри тегов <fieldset></fieldset> содержится краткое описание группы полей, легенда. Пара <fieldset></fieldset> является единственной для каждого fieldset и располагается сразу за открывающим группу полей тегом <fieldset>
Группу полей fieldset удобно оформлять с помощью атрибутов class и/или style, например, в нашем случае используем style="width: 50%; background-color: #F0F9F9;" и т.п.

Напишем теперь коды для установки на тестовую страничку: 
<fieldset style="width: 50%; background-color: #F0F9F9;">
<legend style="background-color: #D0D9D9; color: #909999; font-weight:bold;">Ввод личных данных</legend>
<!-- далее идут поля данного fieldset //-->
</fieldset>
...
<fieldset style="width: 50%; background-color: #F0F0F0;">
<legend style="background-color: #D0D0D0; color: #909090; font-weight:bold;">Вопросы</legend>
<!-- далее идут поля данного fieldset //-->
</fieldset>
Наша тестовая страничка после данного урока:
article_019.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_019.zip ← скачайте пример, чтобы установить на свой сайт...


*** Машина-Функционал для передвижения по страничкам курса HTML ***
:: :: /

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

Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.

Тропинка к данной страничке:
ГлавСтр :: Урок_00 :: Урок_01 :: Урок_01.4 :: Лаба_1 :: Урок_01.5 :: Урок_01.6 :: Урок_02 :: Урок_03 :: Урок_04 :: Урок_05 :: Урок_06 :: Урок_07 :: Урок_08 :: Урок_09 :: Урок_10 :: Урок_11 :: Урок_12 :: Урок_13 :: Урок_14 :: Урок_15 :: Урок_16 :: Урок_17 :: Урок_18 :: Урок 19

Следующие странички, рекомендуемые для посещения и изучения:
Урок 20

Страничка сделана на основе контента курса HTML сайта kocby.ru

© KOCI.INUMO.RU :: перепечатка материалов разрешается с указанием ссылки на домен KOCI.INUMO.RU ©