Teq label
Teq label daxil etme sahəsi üçün etiket təyin edir
input,
textarea,
select
tipli və s.
Etiket for atributu vasitəsi ilə müəyyən bir daxil etme sahəsinə
bağlanır. Orada etiketin bağlandığı daxil etme sahəsinin
id atributunun
qiyməti göstərilməlidir. Həmçinin etiket, element
label teqinin içinə qoyularaq da bağlana bilər. Bu
halda for atributunu göstərmək lazım deyil. Daha yaxşı
başa düşmək üçün nümunələrə baxın.
Etiket üzərində kliklədikdə ona bağlı olan çekbokslar və ya radio düymələri öz vəziyyətini dəyişəcək (qeyd edilmişdən qeyd edilməmişə və əksinə). Etiket bu halda rahatlıq üçün lazımdır: kiçik forma elementlərinə kursorla dəymək çətindir, uzun mətni olan etiketə isə dəymək daha asandır.
Etiketə bağlanmış mətn daxil etme sahəsi
input
və textarea
tipli fokusu alacaq. Fokus
- bu, kursorun daxil etme sahəsində yanıb-sönməsidir,
bu halda, klaviaturda bir şey yazmağa başlasanız - mətn
bu sahəyə daxil olacaq
(fokusun daha qabaqcıl anlayışı üçün focus
pseudoklassına baxın).
label etiketi çekboksun
və ya radio
düyməsinin təqlidi üçün istifadə edilə bilər. Bu,
checkbox və ya radio-nu öz dizaynı ilə etmək üçün lazımdır
(bu CSS-də qadağandır, lakin hiyləgər üsullarla
mümkündür).
Atributlar
| Atribut | Təsvir |
|---|---|
for |
Bu atributda label etiketinin bağlandığı daxil etme sahəsinin id atributunun
qiyməti göstərilməlidir.
|
accesskey |
Etiketə bağlanmış (for atributu vasitəsi ilə) forma elementinə
keçmək üçün istifadə edilə bilən istinad düyməsini təyin edir.
Ətraflı məlumat üçün accesskey atributuna baxın.
|
Nümunə . Çekboks
Gəlin checkbox
flaşkasına for atributu vasitəsi ilə etiket bağlayaq.
Etiket üzərində klikləyin və flaşkanın vəziyyətinin
dəyişdiyini (qeyd edilmişdən qeyd edilməmişə və əksinə) görəcəksiniz:
<input type="checkbox" id="checkbox">
<label for="checkbox">Mən id checkbox olan çekboksa bağlanıram.</label>
:
Nümunə . Label-in içində
İndi isə gəlin etiketi for atributu vasitəsi ilə
bağlamaq əvəzinə, elementləri birbaşa
label teqinin içinə qoyaq, bu halda label mətninə
kliklədikdə də element aktivləşəcək:
<label><input type="checkbox"> etiket</label>
:
Nümunə . Mətn daxil etme sahəsi
Gəlin input
teqinə for atributu vasitəsi ilə etiket bağlayaq.
Etiketə klikləmək daxil etme sahəsinin fokusu almasına
səbəb olacaq. Eyni zamanda sahədə olan mətn
(value
atributu vasitəsi ilə əlavə edəcəyimiz)
vurğulanacaq. Klaviaturda bir şey yazmağa başlasanız - bu mətn
silinəcək. Mətni silmədən vurğulanmadan qurtulmaq üçün
sichqılcımla daxil etme sahəsinə klikləmək olar: fokus
itməyəcək, amma vurğulanma yox olacaq:
<input type="text" id="input1" value="bir mətn">
<label for="input1">Mən id input1 olan inputa bağlanıram.</label>
:
Həmçinin bax
-
teq
legend,
bu, sahə qruplaşdırması üzərində yazını təyin edir