How to define a caption for a fieldset element in HTML5 ?
In this article, we define a caption for a fieldset element by using the legend element. It is used to define the title for the child contents. The legend elements are the parent element.
Syntax:
<legend> Content... </legend>
Example:
<!DOCTYPE html> < html > < head > < title >Legend Tag</ title > < style > form { width: 50%; } label { display: inline-block; float: left; clear: left; width: 90px; margin: 5px; text-align: left; } input[type="text"] { width: 250px; margin: 5px 0px; } .gfg { font-size: 40px; color: green; font-weight: bold; } </ style > </ head > < body > < div class = "gfg" > w3wiki </ div > < h2 >Legend tag</ h2 > < form > < fieldset > < legend >STUDENT::</ legend > < label >Name:</ label > < input type = "text" > < br > < label >Email:</ label > < input type = "text" > < br > < label >Date of birth:</ label > < input type = "text" > < br > < label >Address:</ label > < input type = "text" > < br > < label >Enroll No:</ label > < input type = "text" > </ fieldset > </ form > </ body > </ html > |
Output:
Supported Browsers:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari