SORU
20 EYLÜL 2008, CUMARTESİ


Nasıl HTML metin kutusu boş olduğunda bir ipucu göstermek yapabilirim?

Arama kelimesi görüntülemek için web sayfasında "" gri italik. Arama kutusu istiyorum Kutusu odağı aldığında, sadece boş bir metin kutusu gibi görünmeli. Eğer zaten metin varsa, metin normal olarak siyah (non-italik) görüntüler. Bana bu etiketi kaldırarak dağınıklığı önlemeye yardımcı olacaktır.

BTW, bu bir düğme var o yüzden Sayfa Ajax arama.

CEVAP
31 AĞUSTOS 2010, Salı


Başka bir seçenek sadece yeni bir tarayıcı için bu özelliği var mutlu değilseniz, destek HTML 5 tarafından sunulan kullanmaktıryer tutucuöznitelik:

<input name="email" placeholder="Email Address">

Chrome herhangi stilleri yokluğunda, bu gibi görünüyor:

enter image description here

here ve dışarı demoları deneyebilirsinizHTML5 Placeholder Styling with CSS.

Emin browser compatibility of this feature kontrol ediniz. Firefox 3.7 desteği eklendi. Chrome gayet iyi. Internet Explorer 10 desteği eklendi. Eğer giriş tutucular desteklemeyen bir tarayıcı hedef alırsanız, DV eklentisi jQuery HTML5 Placeholder adlı kullanımı sadece aşağıdaki JavaScript kodu etkinleştirmek için ekleyin.

$('input[placeholder], textarea[placeholder]').placeholder();

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • iMasterful

    iMasterful

    11 EYLÜL 2009
  • makemebad35

    makemebad35

    17 NİSAN 2006
  • Marina and The Diamonds

    Marina and T

    8 Temmuz 2008