HTML <label>
Tag
HTML
The <label>
tag defines a label for an item in the user interface.
HTML <label>
Tag
The <label>
element represents a caption for an input in a user interface.
If a user clicks on the text in the <label>
element, it toggles or focuses the control.
The <label>
element can use the input control id using for attribute or encircle the input control directly.
Example
<input type="radio" id="html" name="runningsubject" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="runningsubject" value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="js" name="runningsubject" value="JavaScript">
<label for="js">JavaScript</label><br>
Click on the "Try it Now" button to see how it works.
Note: Use the <label>
tag to define labels for input types. The value of the 'for' attribute of the label element must be the same as the value of the corresponding input id.
Element Attributes
Attribute | Value | Description |
---|---|---|
for |
control_id | This specifies the ID of the element that the label will refer to. |
form |
form_id | This specifies which form the label belongs to. |
Global attributes
Global attributes may be applied on all elements, although some elements may have no effect on them.
<accesskey>
,
<class>
,
<contenteditable>
,
<contextmenu>
,
<data-*>
,
<dir>
,
<draggable>
,
<dropzone>
,
<hidden>
,
<id>
,
<lang>
,
<spellcheck>
,
<style>
,
<tabindex>
,
<title>
,
<translate>
.
Global Event Handler Attributes
Global Event Handler attributes may be applied on all elements, although some elements may have no effect on them.
<onabort>
,
<onautocomplete>
,
<onautocompleteerror>
,
<onblur>
,
<oncancel>
,
<oncanplay>
,
<oncanplaythrough>
,
<onchange>
,
<onclick>
,
<onclose>
,
<oncontextmenu>
,
<oncuechange>
,
<ondblclick>
,
<ondrag>
,
<ondragend>
,
<ondragenter>
,
<ondragleave>
,
<ondragover>
,
<ondragstart>
,
<ondrop>
,
<ondurationchange>
,
<onemptied>
,
<onended>
,
<onerror>
,
<onfocus>
,
<oninput>
,
<oninvalid>
,
<onkeydown>
,
<onkeypress>
,
<onkeyup>
,
<onload>
,
<onloadeddata>
,
<onloadedmetadata>
,
<onloadstart>
,
<onmousedown>
,
<onmouseenter>
,
<onmouseleave>
,
<onmousemove>
,
<onmouseout>
,
<onmouseover>
,
<onmouseup>
,
<onmousewheel>
,
<onpause>
,
<onplay>
,
<onplaying>
,
<onprogress>
,
<onratechange>
,
<onreset>
,
<onresize>
,
<onscroll>
,
<onseeked>
,
<onseeking>
,
<onselect>
,
<onshow>
,
<onsort>
,
<onstalled>
,
<onsubmit>
,
<onsuspend>
,
<ontimeupdate>
,
<ontoggle>
,
<onvolumechange>
,
<onwaiting>
.
Learning with HTML Editor "Try it Now"
You can edit the HTML code and view the result using online editor.