HTML5 <label> element, Introduction of <label>tag.

In this section, you will see the use and implementation of <label> tag.


Share on Google+Share on Google+

HTML5 <label> element, Introduction of <label>tag.


In this section, you will see the use and implementation of <label> tag.

HTML5 <label> element, Introduction of <label> tag.


Here, we will introduce you to about the label. The <label> tag is use for adding caption on control. It works as name on form controls. It does not supports for nested label.

Attributes of form:
It supports "for" attribute. The for attribute tells to user, that the label tag related to this controls of form, and the value of for attribute should be equal to the id of form control.
It identifies the related controls.

Attribute Value Description
for id of related control It specifies related control of form.
form id of  related  form Identify the form from which it is related.

Declaration Syntax :

Declaration syntax of label in HTML5.

                           <label for="" form=""> Text</label>

Example of <label> in HTML5:

<!DOCTYPE html >
<title>Title of document</title>
<h2>Implementation of label tag of HTML5.</h2>
<form id="GenderForm"><table style="width: 49%">
<tr> <td><label for="married"><b>Married</b> </label></td>
<td><input type="radio" name="gender" id="married" /></td></tr>
<tr><td> <label for="unmarried"><b>Bachelor</b></label></td>
<td><input type="radio" name="gender" id="unmarried" /></td>
<tr><td> <label id="age"><b>Age</b></label></td>
<td><input type="text" id="age" /></td></tr>
<tr><td> <label for="button" >Submit</label> </td>
<td> <input type="submit" id="button" /></td></tr> </table>

Download this code

Difference Between HTML5 and HTML4.01:

The label tag is available in both HTML5 and HTML4.01. But there is a form attribute in HTML5, that is not supported by HTML4.01.


Posted on: September 9, 2010 If you enjoyed this post then why not add us on Google+? Add us to your Circles