HTML5 Placeholder nedir, nasıl kullanılır?

06 Ağustos 2012HTML5

Eskiden javascript ve bilimum bu tarz eylemlerle yarattığımız bir özellik vardı, tam olarak yaptığı şey de sitemizdeki input aldığımız text alanlarında kullanıcı birşeyler yazmaya başlayana kadar şeffaf biçimde görünen bir yazının olmasını sağlamaktı.

Bu özelliği artık javascript ve benzeri şeylerle yapmamıza gerek kalmadı, çünkü HTML5 sayesinde daha kolay bir çözüm geldi, “placeholder”.

Kullanımı çok basit olan bu özellik sayesinde kullanıcılar input text alanlarımıza bir veri girene kadar o alan ile ilgili ipuçları görebilecekler. Sitenin daha şık bir görünüme kavuşmasına da yardım eden bu özellik muhtemelen en çok arama kutucuklarımızda kullanılacaktır, diğer formlarda da sağa veya sola bilgi yazıları koymak yerine bu özelliği kullanabilirsiniz. Çok uzatmadan kullanımına geçelim 🙂

Yapmamız gereken şey varolan html input alanının içerisine bir properties daha eklemektir, bunun için

Tam olarak kullanıma hazır bir input kodu vermek gerekirse de kod şöyle 

Çalışan demo:

Etiketler:

"HTML5 Placeholder nedir, nasıl kullanılır?" yazısı için hiç yorum yapılmamış..

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

bodrum escort bodrum escort