Žyma label

Žyma label nurodo etiketę įvesties laukui tipo input, textarea, select ir taip toliau.

Etiketė priskiriama konkrečiam įvesties laukui naudojant atributą for. Jame reikia nurodyti id atributo reikšmę įvesties lauko, prie kurio pririšama etiketė. Taip pat etiketė priskiriama elementui, jei šis elementas yra padėtas į label žymą. Šiuo atveju atributą for nurodyti nereikia. Žiūrėkite pavyzdžius, kad geriau suprastumėte.

Paspaudus ant etiketės, prie jos pririšti varnelės arba radio mygtukai pakeis savo būseną iš pažymėtos į nepažymėtą ir atvirkščiai. Etiketė šiuo atveju reikalinga patogumui: į mažus formos elementus sunku pataikyti kursoriumi, o į ilgą etiketę su tekstu - daug lengviau.

Prie etiketės pririštas teksto įvesties laukas tipo input ir textarea gaus įvesties fokusą. Fokusas - tai kai kursoris mirksi įvesties lauke, šiuo atveju, jei ką nors rašysite klaviatūra - tekstas pateks į šį lauką (žr. pseudoklasę focus pažengusiam fokuso supratimui).

Etiketę label galima naudoti varnelės arba radio mygtuko imitavimui. To reikia norint padaryti checkbox arba radio su savo dizainu (ką CSS draudžia, tačiau naudojant gudrius metodus yra įmanoma).

Atributai

Atributas	Aprašas
for	Šiame atribute reikia nurodyti atributo id reikšmę to įvesties lauko, prie kurio pririšama etiketė label.
accesskey	Nurodo karštąją klavišą, kuria galima pereiti prie etiketės pririšto (per atributą for) formos elemento. Išsamiau žr. atributą accesskey.

Pavyzdys . Varnelė

Pririškime prie checkbox varnelės etiketę naudodami atributą for. Paspauskite ant etiketės ir pamatysite varnelės būsenos pakeitimą iš pažymėtos į nepažymėtą ir atvirkščiai:

:

Pavyzdys . Viduje label

Dabar nepririškime etiketės per atributą for, o įdėkime elementus tiesiogiai į label žymą, šiuo atveju paspaudus ant teksto label taip pat suaktyvinsime elementą:

:

Pavyzdys . Teksto įvesties laukas

Pririškime prie input žymos etiketę naudodami atributą for. Paspaudimas ant etiketės sukels įvesties fokuso gavimą įvesties lauku. Tuo pačiu metu esantis lauke tekstas (pridėsime naudojant atributą value) bus pažymėtas. Jei pradėsite ką nors rašyti klaviatūra - šis tekstas bus ištrintas. Atsikratyti pažymėjimo, neištrinant teksto, galima paspausdami pelę ant įvesties lauko: fokusas tuo nepraras, o pažymėjimas išnyks:

:

Taip pat žiūrėkite