Элемент формы <fieldset>

Элемент <fieldset> (от англ. form field set - набор полей формы) предназначен для группирования элементов формы. Такая группировка облегчает работу с формами, содержащими большое число данных, например, один блок может быть предназначен для ввода текстовой информации, а другой - для флажков.

Браузеры для повышения наглядности отображают результат использования элемента <fieldset> в виде рамки. Её вид зависит от операционной системы, а также используемого браузера.

Элемент формы <legend>

Элемент <legend> (от англ. legend - легенда, надпись) применяется для создания заголовка группы элементов формы, которая определяется с помощью <fieldset>. Группа элементов обозначается в браузере с помощью рамки, а текст, который располагается внутри контейнера <legend>, встраивается в эту рамку.

<form>
  <fieldset>
    <legend>Текст</legend>
  </fieldset>
</form>

Группировка элементов формы

<form action="test.php" method="POST" target="_blank" style="width: 50%;">
 <fieldset class="bord-red">
 <legend class="red">Контактная информация</legend>
   <p><label for="name">Имя </label> <input type="text" id="name"></p>
   <p><label for="email">E-mail </label> <input type="email" id="email"></p>
   </fieldset>
  <p><input type="submit" value="Отправить">
  <input type="reset" value="Очистить"></p>
</form>                        

Атрибуты <fieldset>

<form action="test.php">
<fieldset disabled>
<legend>Доступ закрыт</legend>
<p>Эта группа в данный момент времени недоступна.
Пожалуйста, свяжитесь с администратором этой группы.</p>
<p><input placeholder="Причина обращения"></p>
<p><input type="submit" value="Связаться"></p>
</fieldset>
</form>