<label>
Misol
Yorliqli uchta radio tugma:
<form action="/action_page.php">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language" value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
<label> tegi bir qancha elementlar uchun yorliqni (label) belgilaydi:
- <input type="checkbox">
- <input type="color">
- <input type="date">
- <input type="datetime-local">
- <input type="email">
- <input type="file">
- <input type="month">
- <input type="number">
- <input type="password">
- <input type="radio">
- <input type="range">
- <input type="search">
- <input type="tel">
- <input type="text">
- <input type="time">
- <input type="url">
- <input type="week">
- <meter>
- <progress>
- <select>
- <textarea>
Yuqoridagi elementlar bilan yorliqlardan to‘g‘ri foydalanish quyidagilarga foyda keltiradi:
- Ekran o‘qish dasturlaridan foydalanuvchilar (foydalanuvchi elementga fokuslanganda yorliq ovoz chiqarib o‘qiladi)
- Juda kichik hududlarni (masalan, checkbox’larni) bosishda qiynaladigan foydalanuvchilar — chunki foydalanuvchi
<label>elementi ichidagi matnni bosganda kiritish elementining holati almashadi (bu bosish maydonini kattalashtiradi).
Maslahatlar va eslatmalar
Maslahat: <label> elementining for atributi ularni o‘zaro bog‘lash uchun tegishli elementning id atributiga teng bo‘lishi kerak. Yorliqni elementga, elementni <label> elementi ichiga joylashtirish orqali ham bog‘lash mumkin.
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <label> | Ha | Ha | Ha | Ha | Ha |
Atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| for | element_id | Yorliq bog‘lanishi kerak bo‘lgan forma elementining id qiymatini belgilaydi |
| form | form_id | Yorliq qaysi formaga tegishli ekanini belgilaydi |
Global atributlar
<label> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<label> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Tegishli sahifalar
HTML DOM ma’lumotnomasi: Label obyekti
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <label> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!