fieldset составляет примерно форму контрольной группы . Группируя связанные элементы управления формой, авторы могут разделить форму на более мелкие, более управляемые части, что улучшает ситуацию с удобством использования, которая может возникнуть при столкновении пользователей со слишком большим количеством элементов управления.
Это означает, что не означает, что fieldset всегда группирует поля внутри формы , хотя в спецификации обсуждается набор полей только в контексте взаимодействия пользователя с формой ...
Таким образом, «злоупотребление» может быть связано с тем, что спецификации HTML 4 и XHTML не требуют, чтобы набор полей и легенда содержались внутри элементов формы. FIELDSET может даже быть дочерним элементом элемента BODY. Это правильный синтаксис для размещения наборов полей вне форм.
Но когда вы описываете что-то как набор полей, который на самом деле не является набором полей, вы просто вызываете путаницу.
Лучше всего думать о тегах HTML / XHTML как о значении элемента, а не о том, как он будет выглядеть. Затем вы можете использовать CSS, чтобы элемент выглядел так, как вы хотите.
Если вы группируете данные для целей презентации, вы можете найти здесь хорошую альтернативу CSS .
Для справки:
.fieldset {
border-right: 1px solid #75736E;
border-bottom: 1px solid #75736E;
border-left: 1px solid #F2F0EE;
border-top: 1px solid #F2F0EE;
padding: 10px 3px 3px 3px;
}
.outer {
border-left: 1px solid #75736E;
border-top: 1px solid #75736E;
border-right: 1px solid #F2F0EE;
border-bottom: 1px solid #F2F0EE;
width: 200px; /* CHANGE THIS FOR BOX SIZE */
}
.legend {
float: left;
margin-left: 15px;
margin-top: -8px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
background: #FFF;
}
<div class="legend">Lipsum.com Is The Best</div>
<div class="outer">
<div class="fieldset">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec congue fermentum metus. Quisque vel ante.
Cras purus metus, dignissim at, luctus et, sollicitudin eget, urna.
Maecenas eget lacus. Aenean bibendum risus non erat mattis semper.
Aliquam placerat nibh eget lacus. Sed blandit eleifend justo. Nam elit.
Fusce feugiat orci id eros facilisis laoreet.
Integer vestibulum condimentum purus.
Proin vehicula congue lacus. Quisque placerat diam nec enim.
Nunc lorem. Maecenas nec sem sed nulla tristique faucibus.</div></div>