Тег label
Тег label кириш майдони учун белгини белгилайди
input,
textarea,
select
ва ҳоказо турлари учун.
Белги маълум бир кириш майдонига
for атрибути ёрдамида богланади. Унда
богланган кириш майдонининг id
атрибути қийматини кўрсатиш керак. Шунингдек,
белги элемент ичига қўйилган тақдирда ҳам богланиши мумкин.
Бундай ҳолда for атрибутини кўрсатиш шарт эмас. Ёхши тушуниш учун мисолларга қаранг.
Белгини босганда унга богланган чекбокслар ёки радио тугмачалар ҳолатини ўзгартиради - белгилангандан белгиланмаганга ва аксінча. Белги бу ерда қулайлик учун керак: кичкина шакл элементларига курсор билан аниқ урish қийин, амма узун матнли белгига - жуда осон.
Белгига богланган матн кириш майдони
input
ва textarea
турлари кириш фокусини олади. Фокус
- бу кириш майдонида курсор миқтиб туради,
бу ҳолатда агар сиз клавиатурада бирор нарса ёзсангиз - матн шу майдонга киради
(фокусни илғор тушуниш учун focus
псевдоклассига қаранг).
label белгисидан чекбокс
ёки радио
тугмачасини таклид қилиш учун фойдаланиш мумкин. Бу
чекбокс ёки радиони ўз дизайни билан яратиш учун керак
(бу CSS да мумкин эмас, лекин ақлли усуллар ёрдамида
амлга ошириш мумкин).
Атрибутлар
| Атрибут | Тавсиф |
|---|---|
for |
Ушбу атрибутда label белгиси богланган кириш майдонининг id атрибути қийматини кўрсатиш керак.
|
accesskey |
Белгига богланган (for атрибути орқали) шакл элементага ўтиш учун ишлатиладиган тез tugmaни белгилайди.
Батафсил accesskey атрибутига қаранг.
|
Мисол . Чекбокс
Келинг checkbox
флагчага for атрибути ёрдамида белги боглайми.
Белгини босинг ва сиз флагчанинг ҳолатининг ўзгаришини
белгилангандан белгиланмаганга ва аксінча ку́расиз:
<input type="checkbox" id="checkbox">
<label for="checkbox">Мен id checkbox булган чекбоксга богланганман.</label>
:
Мисол . Label ичида
Энди эса келинг белгини
for атрибути орқали богламай, элементларни тўғридан-тўғри
label теги ичига joylayми, бу ҳолатда label матнини босганда ҳам элемент фаоллашади:
<label><input type="checkbox"> белги</label>
:
Мисол . Матн кириш майдони
Келинг input
тегига for атрибути ёрдамида белги боглайми.
Белгини босish кириш майдони томонидан фокус олишига олиб келади. Бу пайтда майдон ичидаги
матн (value
атрибути ёрдамида қўшилами)
танланган бўлади. Агар клавиатурада бирор нарса ёзishни бошлангиз - бу матн ўчирилади.
Матнни ўчирмаган ҳолда танлашдан халос бўлиш учун
сичқонча билан кириш майдонини босинг: фокус
йўқолмайди, лекин танлаш бекор бўлади:
<input type="text" id="input1" value="бирор матн">
<label for="input1">Мен id input1 булган инпутга богланганман.</label>
:
Шунингдек қаранг
-
тег
legend,
у кириш майдонлари гуруҳи учун сарлавҳа белгилайди
