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ç

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

HTML

Sonuç

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)