52 of 133 menu

Тег label

label теги input, textarea, select жана башкалар сыяктуу кыртып кирүү талаасына белги коёт.

Белги for атрибуту аркылуу белгилүү бир кыртып кирүү талаасына байланыштырылат. Анда байланышкан кыртып кирүү талаасынын id атрибутунун маанисин көрсөтүү керек. Ошондой эле, эгерде элемент label тегинин ичине коюлса, анда белги ошол элементке байланыштырылат. Бул учурда for атрибутун көрсөтүүнүн кажети жок. Жакшыраак түшүнүү үчүн мисалдарды караңыз.

Белгини басканда, ага байланышкан чекбокстор же радио баскычтары белгиленген абалдан белгиленбеген абалга же тескерисинче өзгөрөт. Белги бул учурда ыңгайлуулук үчүн керек: кичинекей форма элементтерине курсор менен тийүү оор, ал эми узун тексттүү белгиге - бир нече жолу жеңил.

Белгиге байланышкан тексттик кыртып кирүү талаасы input жана textarea түрүндө кирүү фокусун алат. Фокус - бул курсор кыртып кирүү талаасында жаркыраган учур, бул учурда, эгер сиз клавиатурадан бир нерсени жазсаңыз - текст ошол талаага кирет (фокус тууралуу терең билим үчүн focus псевдоклассына караңыз).

label белгисин чекбокс же радио баскычынын имитациясы үчүн колдонсо болот. Бул checkbox же radio өздүк дизайны менен жасаш үчүн керек (бул CSS боюнча тыюу салынган, бирок айлана-шарттуу ыкмалар менен мумкун).

Атрибуттар

Атрибут Сүрөттөмө
for Бул атрибутта label белгиси байланышкан кыртып кирүү талаасынын id атрибутунун маанисин көрсөтүү керек.
accesskey Белгиге байланышкан (for атрибуту аркылуу) форма элементине өтүүгө мүмкүндүк берген ыңгайлуу клавишаны коёт. Кененирээк маалымат үчүн accesskey атрибутун караңыз.

Мисал . Чекбокс

Келгиле, checkbox көзөнөгүнө for атрибуту аркылуу белги байланыштыралы. Белгини басып, көзөнөктүн абалы белгиленгенден белгиленбегенге жана тескерисинче өзгөргөнүн көрө аласыз:

<input type="checkbox" id="checkbox"> <label for="checkbox">Мен id checkbox болгон чекбокско байланыштым.</label>

:

Мисал . Label ичинде

Эми келгиле, белгини for атрибуту аркылуу байланыштырбайлы, элементтерди түз label тегинин ичине койолу, бул учурда label текстин басуу менен элемент активдешет:

<label><input type="checkbox"> белги</label>

:

Мисал . Тексттик кыртып кирүү талаасы

Келгиле, input тегине for атрибуту аркылуу белги байланыштыралы. Белгини басуу кыртып кирүү талаасынын фокусуна ээ болушуна алып келет. Бул учурда талаада турган текст (value атрибуту менен кошобуз) тандалып алынат. Эгер клавиатурадан бир нерсе жазсаңыз - бул текст өчүрүлөт. Текстти өчүрбөй, тандоодон кутулуу үчүн чычкан менен кыртып кирүү талаасына чыкылдаса болот: фокус өчпөйт, бирок тандоо жоголот:

<input type="text" id="input1" value="кандайдыр бир текст"> <label for="input1">Мен id input1 болгон инпутка байланыштым.</label>

:

Ошондой эле караңыз

  • тег legend,
    ал кыртып кирүү талааларын топтоштуруунун үстүнөгү жазууну көрсөтөт
Кыргызча
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어LietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Биз сайттин иштөөсү, аналитика жана персонализация үчүн cookie файлдарын колдонобуз. Маалыматтарды иштетүү Маалыматты коргоо саясаты боюнча жүргүзүлөт.
баарын кабыл алуу ыңгайлаштыруу четке кагуу