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

  • Dylan Brenan

    Dylan Brenan

    22 Aralık 2009
  • Liberator

    Liberator

    14 EYLÜL 2007
  • listedabive

    listedabive

    30 Ocak 2007