Label tags

Tags label norāda etiķeti ievades laukam tipa input, textarea, select un tā tālāk.

Etiķete tiek piesaistīta noteiktam ievades laukam, izmantojot atribūtu for. Tajā jānorāda atribūta id vērtība ievades laukam, kuram etiķete ir piesaistīta. Arī etiķete tiek piesaistīta elementam, ja šis elements tiek ievietots tags label iekšpusē. Šajā gadījumā atribūts for nav jānorāda. Skatiet piemērus labākai izpratnei.

Noklikšķinot uz etiķetes, tai piesaistītie izvēles rūtiņas vai radio pogas mainīs savu stāvokli no atzīmēta uz neatzīmētu un otrādi. Etiķete šajā gadījumā ir nepieciešama ērtībai: ir grūti trāpīt ar kursoru mazos formas elementos, bet garā etiķetē ar tekstu - daudz vieglāk.

Etiķetei piesaistītais teksta ievades lauks tipa input un textarea savāks ievades fokusu. Fokuss - ir tad, kad kursors mirgo ievades laukā, šajā gadījumā, ja jūs kaut ko rakstīsiet klaviatūrā - teksts nonāks šajā laukā (skat. pseidoklasi focus padziļinātai fokusa izpratnei).

Etiķeti label var izmantot, lai imitētu izvēles rūtiņu vai radio pogu. Tas ir nepieciešams, lai izveidotu checkbox vai radio ar savu dizainu (kas CSS ir aizliegts, bet ar viltīgiem paņēmieniem iespējams).

Atribūti

Atribūts	Apraksts
for	Šajā atribūtā jānorāda atribūta id vērtība tā ievades lauka, kuram ir piesaistīta etiķete label.
accesskey	Norāda karsto taustiņu, ar kuras palīdzību var pāriet uz etiķetei piesaistīto (caur atribūtu for) formas elementu. Sīkāk skat. atribūtu accesskey.

Piemērs . Izvēles rūtiņa

Piešķirsim izvēles rūtiņai checkbox etiķeti, izmantojot atribūtu for. Noklikšķiniet uz etiķetes un jūs redzēsiet izvēles rūtiņas stāvokļa maiņu no atzīmēta uz neatzīmētu un otrādi:

:

Piemērs . Label iekšpusē

Tagad nepiesēsim etiķeti caur atribūtu for, bet ievietosim elementus tieši tagā label, šajā gadījumā noklikšķinot uz teksta label arī novedīs pie elementa aktivizēšanas:

:

Piemērs . Teksta ievades lauks

Piešķirsim tagam input etiķeti, izmantojot atribūtu for. Noklikšķinot uz etiķetes, tiks iegūts ievades fokuss. Tajā pašā laikā ievades laukā esošais teksts (pievienosim, izmantojot atribūtu value) tiks izcelts. Ja sāksiet kaut ko rakstīt klaviatūrā - šis teksts tiks izdzēsts. Atbrīvoties no izcēluma, neizdzēšot tekstu, var noklikšķinot ar peli uz ievades lauka: fokuss šajā gadījumā nepazudīs, bet izcēlums pazudīs:

:

Skatiet arī