2012-05-14 25 views
59

Tüm form öğelerim için yer tutucuları kullanıyorum ve bunların hepsi textarea'dan ayrı olarak gösteriliyor. Şimdi safari'ye baktım ve tip = "sayı" girdimin yer tutucuyu göstermediğini fark ettim.Neden textarea’nın yer tutucusu görünmüyor?

Bu sayfa here'dir ve sayfanın üstünde 'yer ayırt' bağlantısını tıklatmanız gerekir.

Benim html:

<form id="booking" action="single-workshops.php"> 
    <input type="text" required="required" placeholder="name"/><br /> 
    <input type="text" required="required" placeholder="your phone number"/><br /> 
    <input type="email" required="required" placeholder="email"/><br /> 
    <input type="number" required="required" placeholder="how many in your party" /><br /> 
    <textarea rows="5" cols="30" placeholder="enter optional message"> 
    </textarea><br /> 
    <input type="button" value="submit"/> 
</form> 
+0

Olası yinelenen [HTML5 textarea tutucu görünmeyen] (http://stackoverflow.com/questions/10186913/html5-textarea-placeholder-not-appearing) – RBT

cevap

165

Eğer içinde bir satır aralığı ile textarea metin olarak bir şey var çünkü.

<textarea rows="5" cols="30" placeholder="enter optional message"> 
     </textarea><br /> 

olmalı:

<textarea rows="5" cols="30" placeholder="enter optional message"></textarea><br /> 
+0

ahh teşekkürler, ben farketmedim! – Nicola

+2

Güzel yakalama! Bunu hiç düşünmemiştim, aslında teknik olarak içerik olduğunu düşünürken diğer tarayıcılarda işe yaradığını şaşırdım. İkinci bir satır sonu eklenmesi, yer tutucuyu Firefox'ta kaldırır. –

+0

Diğer tarayıcılarda çalışmaz. Birincisi kromda değil, safaride. Sadece bir çeşit düzeltme arıyorum. – Nicola

İlgili konular