HTML <fieldset> Tag

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

☕ Buy a Coffee

Description

The <fieldset> HTML tag is a structural element used to group related form controls within a web form. It is often used in conjunction with the 'legend' element, which provides a brief description or label for the group of form controls. By wrapping form elements like input fields, checkboxes, or radio buttons with <fieldset>, web developers can create a visual and semantic grouping of these elements. This enhances the accessibility and organization of forms, making it easier for users to understand and interact with the input fields that share a common purpose or theme. Additionally, <fieldset> elements can be styled and customized to improve the overall user experience.

Properties

Permitted Parents: Any element that accepts flow content
Content: <legend> as first child; after that block, inline, and text
Start/End Tags: Start tag: required, End tag: required

Example

HTML

<form>

  <fieldset>

    <legend>Personal Information:</legend>

    Name: <input type="text" size="30" />

    Email: <input type="text" size="30" />

  </fieldset>

</form>

Result

Editor

Attributes

Attribute	Definition
disabled	Specifies that a group of related form elements should be disabled.
form	Specifies one or more forms the fieldset belongs to.
name	Specifies a name for the fieldset.