Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег fieldset

Дата:9.09.15 в 12:42
Справочник: 

Характеристики тега

В каких браузерах работает?

4.0+ 1.0+ 6.0+ 1.0+ 1.0+ 1.0+ 1.0+

В каких спецификациях используется?

HTML - 4.01 5.0
XHTML 1.0 1.1

Для чего используется?

Создан для оптимизации содержимого формы и упрощения процедуры обработки информации из нее. Чаще всего применяется, если в форме существует несколько разновидностей ввода данных. К примеру, текстовое поле, текстовая область, флажки и загрузчик файлов. Стоит отметить, что браузеры выделяют использование тега <fieldset>. В общем случае тег выделяется рамкой, но каждый браузер отображает ее по своему.

Как правильно задавать?

<form>
  <fieldset>поля формы</fieldset>
</form>

Какие атрибуты поддерживаются?

  • disabled - деактивирует поля, заключенные в тег <fieldset>.
  • form - создает связь между объектом и формой посредством идентификатора.
  • title - показывает комментарий к определенному блоку при наведении на него.

В дополнение этого, тег поддерживает универсальные атрибуты и события.

Закрытый тег

Да.

Пример использования

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег fieldset</title>
 </head>
 <body>  
 
 <form action="mail.php">
  <fieldset>
   <legend>Какое блюдо из картофеля вы предпочитаете?</legend>
     <input type="checkbox"> Картофель жареный<br>
     <input type="checkbox"> Пюре<br>
     <input type="checkbox"> Запеченный картофель
      <p><input type="submit"></p>
  </fieldset>
 </form> 
 
 </body>
</html>

По итогу получаем

fieldset

Оценка: 
Оценок: 2 (средняя 5 из 5)
Понравилась статья? Расскажите о ней друзьям: