Регистрация Войти
Войти через VK




Поиск по сайту



PHP Поиск



Сайт: http://lestnicy-levis.ru/catalog/lestnicy/kuda/podval/ лестница в подвал гаража.

Группа элементов формы <fieldset>

Тег <fieldset> позволяет группировать элементы формы. Данная группировка помогает пользователям проще ориентироваться в формах, содержащими большое число данных.

Атрибуты тега <fieldset>
disabled
Указывает, что группа элементов формы блокирована.
form
Идентификатор формы, с которой связывается данная группа.

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

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

fieldset {
display: block;
margin-left: 2px;
margin-right: 2px;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
border: 2px groove (внутреннее значение);
}

Элементу fieldset можно присвоить свои стили, то есть вы можете сделать рамку любого цвета и так далее. Например:

<style type="text/css">
    fieldset {
        border: none;
        border-bottom: 1px dotted #2375b1;
    }
    fieldset:last-of-type {
        border: none;
    }
    fieldset input,
    fieldset textarea {
        display: block;
    }
</style>
<form>
    <fieldset>
        Ваше имя <input type="text" name="fullname">
        Контактный телефон <input type="tel" pattern="[78][0-9]{10}" name="tel">
    </fieldset>
    <fieldset>
        Количество комнат <input type="number" name="room">
        Этаж <input type="number" name="floor">
        Этажей в доме <input type="number" name="floors">
    </fieldset>
    <fieldset>
        Описание
        <textarea required="" name="comment"></textarea>
        Цена <input type="number" value="" pattern="[0-9]{4,9}" name="cost" min="1000">
    </fieldset>
</form>

РЕЗУЛЬТАТ:

Ваше имя Контактный телефон
Количество комнат Этаж Этажей в доме
Описание Цена

.

Популярное:


Содержание:


Новое за неделю



Сейчас на сайте: 1283