SORU
2 NİSAN 2011, CUMARTESİ


Giriş Internet Explorer için yer tutucular

HTML5 gri renkli varsayılan bir metin görüntülemek için izin verir input elementler placeholder öznitelik, tanıttı.

Ne yazık ki, Internet Explorer, IE 9 da dahil olmak üzere bunu desteklemiyor.

Zaten orada bazı tutucu simülatörü komut vardır. Genellikle içine girdi varsayılan metin alanı koyarak, gri bir renk vermek ve tekrar giriş alanına odaklanmak en kısa zamanda kaldırın.

Bu yaklaşımın olumsuz yanı, yer tutucu metin giriş alanında bulunur. Böylece:

  1. komut giriş alanı boş olup olmadığını kolayca kontrol edebilirsiniz
  2. sunucu tarafında işleme veritabanına tutucu değil ekleme için varsayılan değer karşı kontrol edin, gerekir.

Yer tutucu metin girişini kendi içinde olmadığı bir çözüm olmasını istiyorum.

CEVAP
29 AĞUSTOS 2011, PAZARTESİ


"Web Formları : giriş tutucusu" HTML5 Cross Browser Polyfills, gördüm biri oldu jQuery-html5-placeholder Bölüm. bakarak

9 ve ** 3 süresi ile sarar gibi görünüyor ile demo denedim ve yer tutucu metin ile bir etiket yerleştirilmiştir.

<label>Text:
  <span style="position: relative;">
    <input id="placeholder1314588474481" name="text" maxLength="6" type="text" placeholder="Hi Mom">
    <label style="font: 0.75em/normal sans-serif; left: 5px; top: 3px; width: 147px; height: 15px; color: rgb(186, 186, 186); position: absolute; overflow-x: hidden; font-size-adjust: none; font-stretch: normal;" for="placeholder1314588474481">Hi Mom</label>
  </span>
</label>

Ayrıca diğer altlıklar var, ama hepsine bakmadım. Bunlardan biri, Placeholders.js "Hayır bağımlılıklar (yani jQuery belirtilmesine gerek, en tutucu dolgu komut aksine)." olarak kendini tanıtır

Düzenleme:O daha fazla ilgi için "nasıl", "ne yapar bu bir jQuery eklentisi oluşturma sürecinde yürüyor", How to create an advanced HTML5 placeholder polyfill.

Ayrıca, yer tutucu metin Firefox ve Chrome farklı olan IE10 ile odak kaybolur nasıl yorumlar keep placeholder on focus in IE10 bkz. Eğer bu sorun için bir çözüm varsa emin değilim.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Chilla Frilla™

    Chilla Frill

    7 Aralık 2006
  • TeeMayneTV

    TeeMayneTV

    27 Kasım 2010
  • TheScorpioTechno

    TheScorpioTe

    15 Aralık 2010