HTML5 placeholder renk değiştirme

Ne güzel hayatımıza placeholder(bu bir attribute’dir.) girdi ve aşağıdaki aptal kodu yazmıyoruz.

Placeholder attribute kullanımı

Bu attr’yi kullandığımızda verdiğimiz, renk değerini ne verirsel verelim opacity değerini düşürüyor bunu engellemek için aşağıdaki tanımlamayı yapmamız gerekiyor.

 

Burada gördüğünüz gibi placeholder attribute içine yazılan değere opacity değeri veriyor.

Firefox ve IE ailesinde (sadece IE10) opacity ile düzeltebiliyoruz ama Chrome koduna renk kodunu yazmadan düzeltme yapmıyor. // Sebebini anlamadım

Placeholder Internet Explorer10 ve altında çalışmıyor,r bunun için internetten placeholder.js araması yapıp çalışır vaziyete getirebilirsiniz. Ufak bir not

 

Kaynaklar

  • http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css
  • http://www.paulund.co.uk/html5-placeholder

 

Tüm kodlar :

Demo / Ön izleme ->  http://calismalar.aycan.net/placeHolder/

 

$.trim() nedir ? nasıl kullanılır ?

$.trim() hemen hemen form işlemlerinin vazgeçilmezidir, var olan string ifadenin başında ve sonundaki boşlukları silmemize yardımcı olur.

 

 

Button tıklanıldığomda

textarea’nın içine, textareanın temizlenmiş valuesi’ni at.

 

See the Pen $.trim by Aycan BÜLBÜL (@AycanB) on CodePen.

 

PSD paylaşımları // Blog ve portfoy sayfası

Her zaman müşterilerin işlerini zamanında yapar ancak kendi işlerimi yapmam 🙂 Şuan localhost’da kendim için çizdirdiğim ve psd 2 css işlemi yapmadığım bir sürü psd var, bunları zamanla Psd kategorisinden sizlerle paylaşacağım.

 

İlk paylaşım 2010 yılında aycan.net için çizim yaptırdığım blog ve portfoy sayfasını sizinle paylaşıyorum. Okumaya devam…