html - 为什么我的文本区域的占位符没有出现？

Question

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

页面是here您需要点击页面顶部的“立即预订”链接。

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