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" >
GeeksforGeeks
</ 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