Web siteleri kodlarken Html kodlama aşamasında form alanlarında kullanılabilirliği artırmak için label etiketlerini kullanırız; bu etiket belirlenen form nesnesiyle alakalı metin’e tıklandığında ilgili form nesnesine odaklanmayı(focus) sağlar.

Bildiğiniz üzere bir label’e tıklandığında hangi form nesnesine odaklanacağını belirlemek için label etiketine “for” değeri veririz.

[php]
<label for=’odaklanacak_nesne’>Nesne Tanımı</label><input id=’odaklanacak_nesne’ name=’nesne_adi’/>
[/php]

örnek bir kullanım.

Arayüz kodlarken ne kadar az nesne ve etiket kullanırsak o kadar iyidir. Ancak bunu yaparken kullanılabilirliği düşürmekte mantıklı olamaz çünkü ziyaretçiyi memnun etmedikten sonra ne seo’nun ne de okunabilirliğin bir anlamı olur.

O yüzden çalışmalarımız hem okunabilir,hem az etiketli hem de kullanılabilir olmalı.

Label etiketini  odaklanacağımız elemana id değeri vermeden kullanabilmek bi’kaç karakterlik’te olsa kodlama,okunabilirlik ve kullanışlılık için fayda sağlayacaktır.

jquery ile hazırladığım bu ufacık foksiyon; for değerinde belirtilen name değerine sahip eleman’a odaklanmayı sağlıyor.

Örnek uygulama | Fonksiyon Kodları

Uygun zaman bulduğumda saf Javascript halini de hazırlar paylaşırım umarım.

yedincisenol

Diğer yazıları: serpito.com/author/senol 23 Yaşında bir web geliştirici ve kindir.net kurucusu. Php,mysql,html,css,javascript,jquery ile harika işler çıkarmanın peşinde. Facebook, Friendfeed , Twitter'da takip edebilirsiniz. blog.yedincisenol.com kişisel blogu ;)

Website - More Posts