2012-05-14 45 views
59

我爲所有表單元素使用了佔位符,除了textarea之外,它們都顯示在它們中。現在只是在safari中查看它,並且已經意識到我輸入的type =「number」也沒有顯示佔位符。爲什麼我的textarea的佔位符不顯示?

該頁面是here,您需要點擊頁面頂部的'book now'鏈接。

我的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

的可能的複製[HTML5佔位符文本區域未出現(http://stackoverflow.com/questions/10186913/html5-textarea-placeholder-not-appearing) – RBT

回答

165

因爲你有一些文字在您的textarea的與它斷行。

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

應該是:

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

啊,謝謝,我沒有意識到這一點! – Nicola

+2

好的!我從來沒有想到這一點,我真的很驚訝它在其他瀏覽器工作,考慮到技術上是內容。添加第二個換行符可以刪除Firefox中的佔位符。 –

+0

它不適用於其他瀏覽器。頭號在鉻,而不是野生動物園。只是尋找某種修復。 – Nicola