Наша группа в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Заголовок группы элементов формы <legend>

Тег <legend> определяет заголовок группы элементов формы.

Для тега <legend> доступны общие атрибуты и атрибуты обработки событий.

Большинство браузеров отображают элемент legend со следующими значениями стилей:

legend {
display: block;
padding-left: 2px;
padding-right: 2px;
border: none;
}

Пример формы, элементы которой образуют группу с заголовком "Ваш комментарий"
<form>
    <fieldset style="border: 1px solid grey; padding: 10px; width: 100%;">
        <legend style="padding: 0 10px;">Ваш комментарий</legend>
        <p>
            Вы можете разместить на сайте комментарий, касающийся данной статьи.
        </p>
        <p>
            <label>
                <span style="width: 80px; display: inline-block;">Имя:</span>
                <input type="text" name="name">
            </label>
        </p>
        <p>
            <label>
                <span style="width: 80px; display: inline-block;">E-mail:</span>
                <input type="email" name="email">
            </label>
        </p>
        <p>
            <label>
                Комментарий: <textarea style="width: 100%;" name="comment"></textarea>
            </label>
        </p>
        <input value="ОТПРАВИТЬ" type="submit">
    </fieldset>
</form>

РЕЗУЛЬТАТ:

Ваш комментарий

Вы можете разместить на сайте комментарий, касающийся данной статьи.


.