Групировка элементов с помощью FIELDSET

Тег <FIELDSET> рисует рамку вокруг текста и других объектов, содержащихся в контейнере. Закрывающий тег требуется. Надпись в рамке задается с помощью тега LEGEND.

Примеры

Группа кнопочек

<fieldset>
<legend>Группа кнопочек</legend>
<input type="button" value="Кнопка 1">
<input type="button" value="Кнопка 2"><br>
<input type="button" value="Кнопка 3">
<input type="button" value="Кнопка 4">
</fieldset>

Два текстовых поля

<fieldset>
<legend>Два текстовых поля</legend>
<input type="text" value=Кошка>
<input type="text" value=Собака>
</fieldset>

И еще примерчик с красивой границей: <fieldset style="border: 1px solid ; padding: 10px; width: 480px;">
<legend>Заголовок:</legend>
Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст.
</fieldset>
Оцени публикацию:
  • 10,43
Оценили человек: 10

Похожие статьи:

Справочники и учебники:


Комментарии посетителей:
  • Спасибо огромное!!! Ваши примеры мне очень помогли!!!
    10 июля 2009, 07:35 коммент полезен : 0 # Гость
  • Почему у меня верхняя граница не доходит до надписи?
    31 марта 2012, 02:40 коммент полезен : 0 # Евгений4
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Введите изображенные цифры:
Captcha
Главная
X

Новые заметки:

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Защита сервера от ошибок в phpMyAdmin

HTML5 - новые виды атак

Последние комменты:

29.03.2017 22:37, 15 комментов
29.03.2017 22:19, 152 коммента
29.03.2017 17:59, 191 коммент
forum
29.03.2017 16:10, 83 коммента

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2017 YaPro.Ru

Главная » Веб-мастеру » HTML »