<label>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since иÑÐ»Ñ 2015 г..
HTML-ÑÐ»ÐµÐ¼ÐµÐ½Ñ <label> пÑедÑÑавлÑÐµÑ Ñобой подпиÑÑ Ðº ÑлеменÑÑ Ð¿Ð¾Ð»ÑзоваÑелÑÑкого инÑеÑÑейÑа.
| ÐаÑегоÑии конÑенÑа | ÐбÑий поÑок, ÑекÑÑовÑй конÑенÑ, инÑеÑакÑивнÑй конÑенÑ, ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑоÑмÑ, оÑÑÑимÑй конÑенÑ. |
|---|---|
| ÐопÑÑÑимÑй конÑÐµÐ½Ñ | ТекÑÑовÑй конÑенÑ, но без вложеннÑÑ
ÑлеменÑов label. ÐедопÑÑÑÐ¸Ð¼Ñ Ð´ÑÑгие обоÑаÑиваемÑе в label ÑлеменÑÑ Ð¿Ð¾Ð¼Ð¸Ð¼Ð¾ Ñелевого. |
| ÐÑопÑÑк Ñегов | ÐеÑ, оÑкÑÑваÑÑий и закÑÑваÑÑий Ñеги обÑзаÑелÑнÑ. |
| ÐопÑÑÑимÑе ÑодиÑели | ÐÑбой ÑлеменÑ, ÑазÑеÑаÑÑий ÑекÑÑовÑй конÑенÑ. |
| ÐопÑÑÑимÑе ARIA-Ñоли | ÐÐµÑ |
| DOM-инÑеÑÑÐµÐ¹Ñ | HTMLLabelElement |
ÐÑÑибÑÑÑ
ÐÐ»ÐµÐ¼ÐµÐ½Ñ Ð¿Ð¾Ð´Ð´ÐµÑÐ¶Ð¸Ð²Ð°ÐµÑ Ð³Ð»Ð¾Ð±Ð°Ð»ÑнÑе аÑÑибÑÑÑ.
for-
ID labelable-ÑлеменÑа, коÑоÑÑй Ð½Ð°Ñ Ð¾Ð´Ð¸ÑÑÑ Ð² Ñом же докÑменÑе, ÑÑо и ÑÐ»ÐµÐ¼ÐµÐ½Ñ label. ÐеÑвÑй Ñакой ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð² докÑменÑе, ID коÑоÑого ÑÐ¾Ð²Ð¿Ð°Ð´Ð°ÐµÑ Ñо знаÑением аÑÑибÑÑа
for, ÑÑановиÑÑÑlabeled-*конÑÑолом Ð´Ð»Ñ Ð´Ð°Ð½Ð½Ð¾Ð³Ð¾label.ÐÑимеÑание: ÐÐ»ÐµÐ¼ÐµÐ½Ñ label Ð¼Ð¾Ð¶ÐµÑ Ð¸Ð¼ÐµÑÑ ÐºÐ°Ðº аÑÑибÑÑ for, Ñак и оÑделÑнÑй ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑпÑавлениÑ, еÑли аÑÑибÑÑ for ÑказÑÐ²Ð°ÐµÑ Ð½Ð° ÑодеÑжаÑийÑÑ ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑпÑавлениÑ.
form-
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÑоÑмÑ, Ñ ÐºÐ¾ÑоÑÑм ÑвÑзан label (его Ð²Ð»Ð°Ð´ÐµÐ»ÐµÑ ÑоÑмÑ). ÐÑли Ñказано, знаÑением аÑÑибÑÑа ÑвлÑеÑÑÑ Ð¸Ð´ÐµÐ½ÑиÑикаÑÐ¾Ñ ÑлеменÑа
<form>в Ñом же докÑменÑе. ÐÑо позволÑÐµÑ ÑазмеÑаÑÑ ÑлеменÑÑ label в лÑбом меÑÑе докÑменÑа, а не ÑолÑко как поÑомки Ð¸Ñ ÑлеменÑов ÑоÑмÑ.ÐÑимеÑание: ÐÑÐ¾Ñ Ð°ÑÑибÑÑ ÑодеÑжимого бÑл ÑдалÑн из ÑпеÑиÑикаÑии HTML 28 апÑÐµÐ»Ñ 2016 г. Ðднако ÑÑенаÑии по-пÑÐµÐ¶Ð½ÐµÐ¼Ñ Ð¸Ð¼ÐµÑÑ Ð´Ð¾ÑÑÑп ÑолÑко Ð´Ð»Ñ ÑÑениÑ
HTMLLabelElement.form; он возвÑаÑÐ°ÐµÑ ÑоÑмÑ, Ñленом коÑоÑой ÑвлÑеÑÑÑ ÑвÑзаннÑй ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ label, или знаÑение NULL, еÑли label не ÑвÑзана Ñ ÑлеменÑом ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¸Ð»Ð¸ ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð½Ðµ ÑвлÑеÑÑÑ ÑаÑÑÑÑ ÑоÑмÑ.
ÐÑимеÑÐ°Ð½Ð¸Ñ Ð¿Ð¾ иÑполÑзованиÑ
- <label> можно ÑвÑзаÑÑ Ñ ÑлеменÑом ÑпÑавлениÑ, помеÑÑив ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð²Ð½ÑÑÑи ÑлеменÑа <label> или иÑполÑзÑÑ Ð°ÑÑибÑÑ
for. Такой ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð½Ð°Ð·ÑваеÑÑÑ Ð¿Ð¾Ð¼ÐµÑеннÑм ÑлеменÑом ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð½Ð°Ð´Ð¿Ð¸ÑÑÑ. Ðдин Ð²Ñ Ð¾Ð´ Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ ÑвÑзан Ñ Ð½ÐµÑколÑкими меÑками. - ÐеÑки Ñами по Ñебе не ÑвÑÐ·Ð°Ð½Ñ Ñ ÑоÑмами. Ðни ÑолÑко коÑвенно ÑвÑÐ·Ð°Ð½Ñ Ñ ÑоÑмами ÑеÑез ÑлеменÑÑ ÑпÑавлениÑ, Ñ ÐºÐ¾ÑоÑÑми они ÑвÑзанÑ.
Examples
>Simple label example
<label>Click me <input type="text" /></label>
Using the "for" attribute
<label for="username">Click me</label> <input type="text" id="username" />
СпеÑиÑикаÑии
| Specification |
|---|
| HTML > # the-label-element > |
СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑами
СмоÑÑиÑе Ñакже
- Other form-related elements:
<form>,<input>,<button>,<datalist>,<legend>,<select>,<optgroup>,<option>,<textarea>,<fieldset>,<output>,<progress>and<meter>.