2012-05-14 71 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