19 Temmuz 2013 Cuma

Html5 yeniliklerinden placeholder - İnput arkaplanı

merhaba arkadaşlar,

ilk konu placeholder :
nedir bu placeholder dersek bence html5 ile birlikte gelen en güzel yeniliklerden biri.
aşağıdaki resimde gördüğünüz gibi biz input a tıklamadan bize orda ne yapcağımızı söylüyor.


eskiden yokmuydu böyle birşey ?

Tabii ki vardı ancak yapmak için jquery ile önce input boşmu diye baktırıyoduk. eğer sonra keyup ve lenght ile klavyeden bir tuşa basıldığında uzunluğu 0>"büyükmü" diye baktırıyorduk. eğer büyükse val() değerini boşaltıyorduk. ancak boş isede val değeri için bişeyler yazıyorduk. örnek Ara...

Peki nasıl kullanılır ?

Çok basit, inputumuzun içine placeholder="burdada yazmasını istediğimiz yazıyı yazarak".
Örnek
<input type="text" name="arama" placeholder="Bişeyler arayın" />

Bu dersimiz bu kadar. iyi günlerde kullanmanız dileği ile.

Hiç yorum yok:

Yorum Gönder