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

  • multimediaGEEKS LLC

    multimediaGE

    3 Mayıs 2010
  • nigahiga

    nigahiga

    21 Temmuz 2006
  • Study with Substance P

    Study with S

    31 Mayıs 2008