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

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:

html<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:

html<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:

html<input type="text" id="input1" value="maandishi fulani">
<label for="input1">Nimeunganishwa na ingizo lenye id input1.</label>

Результат:

Angalia pia