Etiketa label

Etiketa label përcakton një etiketë për fushën e hyrjes tipi input, textarea, select e kështu me radhë.

Etiketa lidhet me një fushë të caktuar hyrjeje duke përdorur atributin for. Në të duhet të specifikohet vlera e atributit id të fushës së hyrjes me të cilën lidhet etiketa. Gjithashtu etiketa lidhet me elementin nëse ky element vendhet brenda etiketës label. Në këtë rast nuk ka nevojë të specifikohet atributi for. Shikoni shembjet për një kuptim më të mirë.

Duke klikuar në etiketë, kutitë e zgjedhjes ose butonat e radios të lidhura me të do të ndryshojnë gjendjen e tyre nga e zgjedhur në të pazgjedhur dhe anasjelltas. Etiketa në këtë rast nevojitet për lehtësi: është e vështirë të klikohet në elementët e vegjël të formularit, ndërsa në një etiketë të gjatë me tekst - është shumë më lehtë.

Fusha e tekstit e lidhur me etiketën tipi input dhe textarea do të marrë fokusin e hyrjes. Fokusi - është kur kursori po pulsion në fushën e hyrjes, në këtë rast, nëse shkruani diçka në tastierë - teksti do të shfaqet në këtë fushë (shih pseudoklasën focus për një kuptim të avancuar të fokusit).

Etiketa label mund të përdoret për imitimin e kutisë së zgjedhjes ose butonit të radios. Kjo nevojitet për të krijuar checkbox ose radio me dizajn të personalizuar (që është e ndaluar në CSS, por me anë të teknikave të ndryshme është e mundur).

Atributet

Atributi	Përshkrimi
for	Në këtë atribut duhet të specifikohet vlera e atributit id të asaj fushe hyrjeje me të cilën lidhet etiketa label.
accesskey	Përcakton një tast të shpejtë, me ndihmën e të cilit mund të kalohet te elementi i formularit i lidhur me etiketën (përmes atributit for). Për më shumë detaje shih atributin accesskey.

Shembull . Kutia e zgjedhjes

Le të lidhim një etiketë me kutinë e zgjedhjes checkbox duke përdorur atributin for. Klikoni në etiketë dhe do të shihni ndryshimin e gjendjes së kutisë së zgjedhjes nga e zgjedhur në të pazgjedhur dhe anasjelltas:

:

Shembull . Brenda label

Dhe tani, le të mos e lidhim etiketën përmes atributit for, por të vendosim elementet direkt brenda etiketës label, në këtë rast duke klikuar në tekstin e label do të çojë gjithashtu në aktivizimin e elementit:

:

Shembull . Fusha e tekstit për hyrje

Le t'i lidhim një etiketë elementit input duke përdorur atributin for. Klikimi në etiketë do të çojë në marrjen e fokusit nga fusha e hyrjes. Në këtë rast teksti i përmbajtur në fushë (që e shtojmë duke përdorur atributin value) do të bëhet i theksuar. Nëse filloni të shkruani diçka në tastierë - ky tekst do të fshihet. Për të hequr qafe theksimin, pa fshirë tekstin, mund të klikoni me miun në fushën e hyrjes: fokusi nuk do të zhduket, por theksimi do të largohet:

:

Shihni gjithashtu