Тег 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,
ал кыртып кирүү талааларын топтоштуруунун үстүнөгү жазууну көрсөтөт