HTML5 Placeholder Özelliğini Desteklemeyen Tarayıcılara Özelliği Kazandırma

HTML5 ile beraber gelen ve en sık kullanılan özelliklerden biride placeholder özelliğidir eskiden input’lara girilecek bilgileri nesne üzerine label yerleştirerek belirtirdik şimdi ise direk giriş nesnesi içerisine placeholder ekleyerek yetinebiliyoruz.

HTML5 Placeholder özelliğini desteklemeyen tarayıcılara özelliği kazandırma

Placeholder öncesinde kullandığımız yöntem

HMTL

Sonuç

Z

Placeholder özelliği kullanarak kullandığımız yöntem

HTML

Sonuç

9k=

Gördüğünüz gibi placeholder ile hem daha az nesne tanımlıyorsunuz hemde sayfada kalabalıktan kurtulmuş oluyorsunuz fakat HTML5 ile beraber geldiği için tüm tarayıcılar desteklememetedir özellikle Internet Explorer 6-7-8 versiyonlarının placeholder desteği mağlesef yoktur placeholder desteği olmayan tarayıcılar için bu özelliği kazandırmak jquery kodu ile mümkün tek yapmanız gereken placeholder özelliğini kullandığınız sayfaya aşağıdaki kodu eklemek olacaktır.

Javascript

Yukarıdaki kodun çalışabilmesi için jquery kütüphanesini sayfanıza eklemeniz gerekmektedir.

5/5 - (1 vote)

Murat Öner sitesinden daha fazla şey keşfedin

Okumaya devam etmek ve tüm arşive erişim kazanmak için hemen abone olun.

Okumaya devam et