2012-05-14 9 views
59

Sto usando i segnaposto per tutti i miei elementi del modulo e viene visualizzato in tutti gli elementi a parte la textarea. L'ho appena visto in safari ora e ho capito che il mio input di type = "number" non mostra neanche il segnaposto.Perché il segnaposto della mia area di testo non viene visualizzato?

La pagina è here ed è necessario fare clic sul link "prenota ora" nella parte superiore della pagina.

mio 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

Eventuali duplicati di [HTML5 textarea segnaposto che non appare] (http://stackoverflow.com/questions/10186913/html5-textarea-placeholder-not-appearing) – RBT

risposta

165

perché avete qualcosa come testo in textarea con un'interruzione di riga in esso.

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

dovrebbe essere:

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

ahh grazie, non me ne sono reso conto! – Nicola

+2

Bella cattura! Non ci avrei mai pensato, sono davvero sorpreso che funzioni in altri browser visto che tecnicamente c'è contenuto. L'aggiunta di una seconda interruzione di riga rimuove il segnaposto in Firefox. –

+0

Non funziona con altri browser. Il numero uno fa in chrome, non in safari. Sto solo cercando una soluzione. – Nicola

Problemi correlati