Hoşgeldin Misafir

Placeholder Özelliği ve Placeholder CSS ile Renklendirme

Reisci

Reisci

Yerli Ve Milli Hacker
11 Mar 2020
6,569 Mesaj

Aktiflik

Seviye

Deneyim

TIM / GÖREV:
Forumda login kısmı ve arama kutusunu üzerinde düzenlemeler yaptığım esnada bu konuya da değinmek istedim.


Placeholder; girilmesi düşünülen değer ile ilgili açıklayıcı bir bilgi gösterir. Bu bilgi giriş alanında görüntülenir ve tıklandığında kaybolur ya da pasifleşir.


Sitedeki tüm placeholder alanlarının rengini değiştirmek için aşağıdaki kodu css ' e ekleyebilirsiniz.


Kod:
input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #000;
}
input::-webkit-input-placeholder {
  color: #000;
}


Placeholder aşağıdaki giriş alanları ile çalışmaktadır.

  • text,
  • search,
  • url,
  • tel,
  • email,
  • password

Örneğinde forumda arama kutusundaki kodum. Burada placeholder kullanımını görebilirsiniz.

Kod:
<input type="text"   class="aramakutusu" name="keywords" value="" placeholder="Ne aramak istersiniz?"  />    </div>