Групировка элементов с помощью 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:
Сколько будет Οдин + Τри
Главная
X

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

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

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

Phpstorm7 LiveEdit

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

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

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

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

Yapro CMS:

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

youtube.com/watch?v=7hFivbgIEqk

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

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