Kichwa cha label
Kichwa label huweka lebo kwa uingizaji wa data
ya aina input,
textarea,
select
na kadhalika.
Lebo huunganishwa na uga maalum wa
uingizaji wa data kwa kutumia sifa for. Ndani yake
inapaswa kuonyeshwa thamani ya sifa id
ya uga wa uingizaji wa data, ambalo lebo imeunganishwa. Pia
lebo huunganishwa na kipengele, ikiwa kipengele hicho
kitawekwa ndani ya kichwa label. Katika
kesi hii sifa for haihitaji kuonyeshwa. Tazama
mifano kwa uelewa bora.
Kwa kubonyeza lebo iliyounganishwa nayo vikishujio au vitufe vya redio vitabadilisha hali yao kutoka iliyowekwa alama hadi isiyowekwa alama na kinyume chake. Lebo katika kesi hii inahitajika kwa urahisi: ni vigumu kuelekeza kishale kwenye vipengele vidogo vya fomu, na kwa lebo ndefu yenye maandishi - ni rahisi zaidi.
Uga wa uingizaji wa maandishi uliounganishwa na lebo
ya aina input
na textarea
utapata umakini wa uingizaji. Umakini
- ni wakati kishale kinakwaruza kwenye uga wa uingizaji,
katika kesi hii, ikiwa utaandika kitu chochote
kwenye kibodi - maandishi yataingia kwenye uga huu
(angika kikundi cha focus
kwa uelewa wa hali ya juu wa umakini).
Lebo label inaweza kutumika kwa
kuiga kishujio
au kitufe
cha redio. Hii inahitajika ili kutengeneza
checkbox au radio na muundo wake (ambayo
kwa CSS hairuhusiwi, lakini kwa kutumia mbinu mbalimbali
inayowezekana).
Sifa
| Sifa | Maelezo |
|---|---|
for |
Katika sifa hii inapaswa kuonyeshwa thamani ya sifa id
ya uga wa uingizaji wa data, ambalo lebo label imeunganishwa.
|
accesskey |
Huweka kifunguo cha haraka, ambacho kwa kutumia kifunguo hicho kunaweza kupitiwa kwenye lebo
(kupitia sifa for) kipengele cha fomu.
Angalia zaidi kuhusu sifa accesskey.
|
Mfano . Kishujio
Wacha tuunganishe lebo na alama ya kukagua checkbox
kwa kutumia sifa for.
Bonyeza lebo na utaona mabadiliko ya hali
ya alama ya kukagua kutoka iliyowekwa alama hadi isiyowekwa alama na kinyume chake:
<input type="checkbox" id="checkbox">
<label for="checkbox">Nimeunganishwa na kishujio chenye id checkbox.</label>
:
Mfano . Ndani ya label
Na sasa wacha tusiuunganishe lebo
kupitia sifa for, bali tuweke vipengele haswa
ndani ya kichwa label, katika kesi hii kubonyeza maandishi
label pia kutasababisha kuamshwa kwa kipengele:
<label><input type="checkbox"> lebo</label>
:
Mfano . Uga wa uingizaji wa maandishi
Wacha tuunganishe lebo na kichwa input
kwa kutumia sifa for.
Kubonyeza lebo kutasababisha kupata
umakini wa uingizaji wa uga. Wakati huo maandishi yaliyomo
katika uga (tutaongeza kwa kutumia sifa
value)
yatakuwa yameangaziwa. Ikiwa utaanza kuandika chochote
kwenye kibodi - maandishi haya yatafutika. Kuepukana
na uangazaji, bila kufuta maandishi, inawezekana
kwa kubonyeza kishale kwenye uga wa uingizaji: umakini
wakati huo hautapotea, lakini uangazaji utatoweka:
<input type="text" id="input1" value="maandishi fulani">
<label for="input1">Nimeunganishwa na ingizo lenye id input1.</label>
:
Angalia pia
-
kichwa
legend,
ambacho huweka maelezo mafupi juu ya kikundi cha viwanja