Label tegi

label tegi input, textarea, kabi kirish maydoni turlari uchun yorliq belgilaydi.

Yorliq for atributi yordamida ma'lum bir kirish maydoniga bog'lanadi. Unda yorliq bog'langan kirish maydonining ⁅c href="/uzl/markup/manual/html/attr/id/">id atributi qiymati ko'rsatilishi kerak. Shuningdek, yorliq elementga bog'lanadi, agar bu element label tegi ichiga qo'yilsa. Bu holatda for atributini ko'rsatish shart emas. Yaxshiroq tushunish uchun misollarni ko'rib chiqing.

Yorliq bosilganda unga bog'langan chekbokslar yoki radio tugmalar o'z holatini o'zgartiradi -belgilanganidan belgilanmaganga va aksincha. Yorliq bu holda qulaylik uchun kerak: kichik shakl elementlariga kursor bilan aniq urish qiyin, uzun matnli yorliqqa esa ancha oson.

Yorliqqa bog'langan matnli kirish maydoni input va textarea turlari kirish fokusini oladi. Fokus - bu kursorning kirish maydonida miltillashi, bu holda, siz klaviaturada biror narsa yozsangiz - matn shu maydonga tushadi (fokusni chuqurroq tushunish uchun focus pseudoklassiga qarang).

label yorlig'ini chekboks yoki radio tugma ni taqlid qilish uchun ishlatish mumkin. Bunga checkbox yoki radio ni o'z dizayni bilan qilish uchun kerak (CSS da bu taqiqlangan, lekin aqlli usullar bilan mumkin).

Atributlar

Atribut	Tavsif
`for`	Bu atributda `label` yorlig'i bog'langan kirish maydonining id atributi qiymati ko'rsatilishi kerak.
`accesskey`	Yorliqqa bog'langan (`for` atributi orqali) shakl elementiga o'tish uchun ishlatiladigan tezkor tugmani belgilaydi. Batafsil `accesskey` atributiga qarang.

Misol . Chekboks

Keling checkbox flajigiga for atributi yordamida yorliq bog'laymiz. Yorliqni bosing va flajik holatining o'zgarishini -belgilanganidan belgilanmaganga va aksincha ko'rasiz:

<input type="checkbox" id="checkbox">
<label for="checkbox">Men id checkbox bo'lgan chekboksga bog'landim.</label>

Misol . Label ichida

Keling endi yorliqni for atributi orqali bog'lamaymiz, balki elementlarni to'g'ri label tegi ichiga joylaymiz, bu holda label matnini bosish ham elementni faollashtirishga olib keladi:

<label><input type="checkbox"> yorliq</label>

Misol . Matnli kirish maydoni

Keling input tegiga for atributi yordamida yorliq bog'laymiz. Yorliqni bosish kirish maydoni tomonidan fokus olinishiga olib keladi. Bunda maydonda mavjud bo'lgan matn (value atributi yordamida qo'shamiz) tanlangan bo'ladi. Agar klaviaturada biror narsa yozilsa - bu matn o'chiriladi. Matnni o'chirmasdan tanlovdan xalos bo'lish uchun sichqoncha bilan kirish maydonini bosing: fokus bu paytda yo'qolmaydi, lekin tanlov yo'qoladi:

<input type="text" id="input1" value="qandaydir matn">
<label for="input1">Men id input1 bo'lgan inputga bog'landim.</label>

Shuningdek qarang

legend tegi,
bu maydonlar guruhlash ustidagi yozuvni belgilaydi