The **`<legend>` tag** in HTML is used to define the caption or the title for it's parent `<fieldset>` element. It is the first child of the `<fieldset>`.

#    
#  Syntax
```
<legend>
  // some title
</legend>
```

##   
## Example
In this example, we will see how we can use a `<legend>` element to add a title to the `<fieldset>` element.


<form>
  <fieldset>
    <legend>Delivery details</legend>
    <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>
    <legend>Payment details</legend>
    <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;
}

legend {
  background-color: #000;
  color: #fff;
  padding: 3px 6px;
}

codemirror

#    
#  Explanation
In the first `fieldset`, we are asking the user to enter the address and contact number. Then we set the title to *Delivery details* using the `legend` tag in line 3. Similarly, in the second `fieldset` where we are asking the user for *Card holder name*, *Expiry date*, and *CVV* number, we set the title to *Payment details* using the `legend` tag in line 12.


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

HTML <legend> tag

The  tag in HTML is used to define the caption or the title for it s parent  element. It is the first child of the .  Syntax    // some title    Example In this example, we will see how we can use a  element to add a title to the  element. 