HTML 5 <label> Tag
Example
An simple HTML form with two input fields and related labels:
<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form> |
Try it yourself »
|
Definition and Usage
The <label> tag defines a label for an input element.
The label element does not render as anything special for the user. However, it
provides a usability improvement for mouse users, because if the user clicks on
the text within the label element, it toggles the control.
The for attribute of the <label> tag should be equal to the id attribute of the
related element to bind them together.
Differences Between HTML 4.01 and HTML 5
The "form" attribute is new in HTML5.
Tips and Notes
Note: The "for" attribute binds a label to another element.
Set the value of the "for" attribute equal to the value of the "id" attribute of the
related element.
Attributes
| Attribute |
Value |
Description |
| for |
id of another field |
Defines which form element the label is for. Set to an ID
of a form element. Note: If this attribute is not specified, the label is
associated with its contents. |
| form |
formname |
Defines one ore more forms the label field belongs to. |
Standard Attributes
| class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title |
For a full description, go to Standard Attributes in HTML 5.
Event Attributes
| onabort, onbeforeunload, onblur, onchange, onclick,
oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave,
ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress,
onkeyup, onload, onmessage, onmousedown, onmousemove,
onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect,
onsubmit, onunload |
For a full description, go to Event Attributes in HTML 5.
Whether you're new to XML or already an advanced user,
the user-friendly views and powerful entry helpers,
wizards, and debuggers in XMLSpy are designed to meet your XML
and Web development needs from start to finish.
New features in Version 2010!
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- XBRL validator, taxonomy editor, taxonomy wizard
- Support for Office Open XML (OOXML)
- Graphical WSDL 1.1/2.0 editor & SOAP debugger
- JSON editing & conversion
- Java, C#, C++ code generation
- And much more!
Download a free trial today!
|
|
|
|
