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

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 [crayon]placeholder=”Aramak için bir kelime yazınız.”[/crayon]

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

Çalışan demo:

Etiketler: html5 html5 placeholder placeholder