mozilla
Your Search Results

    <label>

    Summary

    The HTML Label Element (<label>) represents a caption for an item in a user interface. It can be associated with a control either by placing the control element inside the label element, or by using the for attribute. Such a control is called the labeled control of the label element.

    Attributes

    This element includes the global attributes.

    accesskey HTML 4 HTML5
    A shortcut key to access this element from the keyboard.
    for
    The ID of a labelable form-related element in the same document as the label element. The first such element in the document with an ID matching the value of the for attribute is the labeled control for this label element.
    Note: A label element can have both a for attribute and a contained control element, as long as the for attribute points to the contained control element.
    form HTML5
    The form element that the label element is associated with (its form owner). The value of the attribute must be an ID of a <form> element in the same document. If this attribute is not specified, this <label> element must be a descendant of a <form> element. This attribute enables you to place label elements anywhere within a document, not just as descendants of their form elements.

    Examples

    Simple label example

    <label>Click me <input type="text" id="User" name="Name" /></label>

    Using the "for" attribute

    <label for="User">Click me</label>
    <input type="text" id="User" name="Name" />

    Specifications

    Specification Status Comment
    WHATWG HTML Living Standard
    The definition of '<label>' in that specification.
    Living Standard  
    HTML5
    The definition of '<label>' in that specification.
    Recommendation  
    HTML 4.01 Specification
    The definition of '<label>' in that specification.
    Recommendation  

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support (Yes) (Yes) (Yes) (Yes) (Yes)
    Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Basic support (Yes) (Yes) (Yes) (Yes) (Yes)

    Notes

    Click events in nested <label> elements

    Starting with Gecko 8.0 (Firefox 8.0 / Thunderbird 8.0 / SeaMonkey 2.5), a bubbling click event triggers at most one <label>, and the synthetic click event cannot trigger additional <label>s. In Gecko, a click event will still bubble up past a <label>, while in WebKit or Internet Explorer the click event will stop at the <label>. The behavior prior to Gecko 8.0 (triggering multiple <label>s) caused Firefox to stop responding (see bug 646157).

    See also