The **`<fieldset>` tag** in HTML5 groups several related components within an HTML form. It creates a box around the child elements.

#   
#  Syntax
```
<fieldset>
  // HTML form components
</fieldset>
```

# 
## Attributes
The `<fieldset>` tag has the following attributes:
* `disabled`: Specifies that the group of related form elements are disabled and won't be submitted along with the form.
* `form`: Specifies which form the fieldset element belongs to. It stores the value of the ID attribute of the form.
* `name`: Specifies the name associated with the group.

##   
## Example
In this example, we use a `fieldset` tag to make two forms. Since the `fieldset` is not disabled, you will be able to interact with the form.


<form>
  <fieldset>
    <label for="address">Address</label>
    <input type="text" name="address" placeholder="Enter delivery address"><br>

    <label for="contact">Contact</label>
    <input type="text" name="contact" placeholder="Enter contact number">
  </fieldset>
  
  <fieldset>
    <label for="cardHolder">Card holder</label>
    <input type="text" name="cardHolder" placeholder="Enter card holder name"><br>

    <label for="expiryDate">Expiry date</label>
    <input type="date" name="expiryDate"><br>

    <label for="cvv">Cvv</label>
    <input type="text" name="cvv" placeholder="Enter cvv">
  </fieldset>
</form>

input {
  margin-left: 10px;
  margin-top: 10px;
}

fieldset {
  margin-top: 10px;
}

codemirror

# Disabled fieldset
Try interacting with the form. 

You will not be able to interact with the form in the example below because the `fieldset` tag is disabled.

<form>
  <fieldset disabled>
    <label for="address">Address</label>
    <input type="text" name="address" placeholder="Enter delivery address"><br>

    <label for="contact">Contact</label>
    <input type="text" name="contact" placeholder="Enter contact number">
  </fieldset>
  
  <fieldset disabled>
    <label for="cardHolder">Card holder</label>
    <input type="text" name="cardHolder" placeholder="Enter card holder name"><br>

    <label for="expiryDate">Expiry date</label>
    <input type="date" name="expiryDate"><br>

    <label for="cvv">Cvv</label>
    <input type="text" name="cvv" placeholder="Enter cvv">
  </fieldset>
</form>

# Supported Browsers
* Google Chrome
* Internet Explorer
* Firefox
* Opera
* Safari

What is the HTML <fieldset> tag?

The `<fieldset>` tag groups related form elements in HTML5, supports attributes like disabled, form, and name, and is compatible with major browsers.