html - 为什么我的 textarea 的占位符没有出现？

Question

我为我的所有表单元素使用占位符，除了文本区域之外，它都显示在它们中。现在只是在 safari 中查看它，并意识到我的 type="number" 输入也没有显示占位符。

该页面在这里，您需要单击页面顶部的“立即预订”链接。

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

Answer 1

因为您的文本区域中有文本内容，其中包含换行符。

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

应该：

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