Тег 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) постати истакнут. Ако почнете да пишете нешто на тастатури - овај текст ће се обрисати. Отарасити се исказаности, а да притом не избрише текст, може се кликом мишем на поље уноса: фокус при томе неће нестати, а исказаност ће нестати:

:

Види још