HTML label Tag

• HTML <form> Tag
• HTML 5 <label> Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML label tag is used for adding a label to a form control.

If you use the label tag, in some browsers, users can select a radio button or checkbox option by clicking on its label.

Example


<p>Which fruit would you like for lunch?</p>
<form>
<input type="radio" name="fruit" id="banana" />
<label for="banana">Banana</label>
<br />
<input type="radio" name="fruit" id="None" />
<label for="none">None</label>
</form>

Attributes:

Attributes specific to this tag:
Attribute	Description
for	Specifies the input control that this label is for. This value must be the same as the value in the input control's "id" attribute.
Other Attributes:
Attribute	Description
class	Document wide identifier.
id	Document wide identifier
dir	Specifies the direction of the text
lang	Language code
title	Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip").
style	Inline style (CSS)
accesskey	Access keys (or shortcut keys)
onfocus	Intrinsic event (see event handlers)
onblur	Intrinsic event (see event handlers)
onclick	Intrinsic event (see event handlers)
ondbclick	Intrinsic event (see event handlers)
onmousedown	Intrinsic event (see event handlers)
onmouseup	Intrinsic event (see event handlers)
onmouseover	Intrinsic event (see event handlers)
onmousemove	Intrinsic event (see event handlers)
onmouseout	Intrinsic event (see event handlers)
onkeypress	Intrinsic event (see event handlers)
onkeydown	Intrinsic event (see event handlers)
onkeyup	Intrinsic event (see event handlers)

Try it yourself!

HTML Resources

HTML Tags

HTML label Tag

Related:

Also see the HTML 5 version of HTML tags

Enjoy this page?

HTML/MARKUP

CSS & DESIGN

SCRIPTING

DATABASE

WEB HOSTING