Тэг label

Тэг label задае метку для поля ўводу тыпу input, textarea, select і гэтак далей.

Метка прывязваецца да пэўнага поля ўводу з дапамогай атрыбута for. У ім след ўказваць значэнне атрыбута id поля ўводу, да якога прывязана метка. Таксама метка прывязваецца да элемента, калі гэты элемент пакласці ўнутр тэга label. У гэтым выпадку атрыбут for ўказваць не трэба. Глядзіце прыклады для лепшага разумення.

Па націску на метку прывязаныя да яе чекбоксы ці радыё кнопачкі будуць мяняць свой стан з адмечанага на неадмечаны і наадварот. Метка ў даным выпадку трэба для зручнасці: у дробныя элементы формы цяжка трапіць курсорам, а ў доўгую метку з тэкстам - на парадак лягчэй.

Прывязанае да меткі тэкставае поле ўводу тыпу input і textarea будзе атрымліваць фокус ўводу. Фокус - гэта калі курсар міргае ў полі ўводу, у гэтым выпадку, калі вы што-небудзь будзеце пісаць на клавіятуры - тэкст трапіць у гэта поле (гл. псеўдаклас focus для прасунутага разумення фокусу).

Метку label можна выкарыстоўваць для імітацыі чекбокса ці радыё кнопачкі. Гэта трэба для таго, каб зрабіць checkbox ці radio са сваім дызайнам (што на CSS забаронена, але з дапамогай хітрых прыёмаў магчыма).

Атрыбуты

Атрыбут	Апісанне
for	У гэтым атрыбуце след ўказваць значэнне атрыбута id таго поля ўводу, да якога прывязана метка label.
accesskey	Задае гарачую клавішу, з дапамогай якой можна перайсці да прывязанага да меткі (праз атрыбут for) элемента формы. Падрабязней гл. атрыбут accesskey.

Прыклад . Чэкбокс

Давайце да сцяжка checkbox прывязам метку з дапамогай атрыбута for. Панаціскайце на метку і вы ўбачыце змену стану сцяжка з адмечанага на неадмечаны і наадварот:

:

Прыклад . Унутры label

А цяпер давайце не будзем прывязваць метку праз атрыбут for, а ўкладзем элементы прама ў тэг label, у гэтым выпадку націскаючы на тэкст label таксама будзем прыводзіць да актывацыі элемент:

:

Прыклад . Тэкставае поле ўводу

Давайце тэгу input прывязам метку з дапамогай атрыбута for. Націск на метку будзе прыводзіць да атрымання фокусу полем ўводу. Пры гэтым які змяшчаецца ў полі тэкст (дадзім з дапамогай атрыбута value) стане вылучаным. Калі пачаць пісаць што-небудзь на клавіятуры - гэты тэкст сцерці. Пазбавіцца ад вылучэння, не выдаліўшы пры гэтым тэкст, можна клікнуўшы мышшу па полі ўводу: фокус пры гэтым не знікне, а вылучэнне прападзе:

:

Глядзіце таксама