为什么我的textarea占位符不显示?

Cla*_*ire 68 html html5

我正在使用占位符来表示我所有的表单元素,除了textarea外,它还显示在它们中.现在只是在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>
Run Code Online (Sandbox Code Playgroud)

Pee*_*Haa 183

因为你的textarea中有一些文本,其中包含一个换行符.

<textarea rows="5" cols="30" placeholder="enter optional message">
        </textarea><br />
Run Code Online (Sandbox Code Playgroud)

应该:

<textarea rows="5" cols="30" placeholder="enter optional message"></textarea><br />
Run Code Online (Sandbox Code Playgroud)

  • 好抓!我永远不会想到这一点,我真的很惊讶它在其他浏览器中工作,考虑到技术上是内容.添加第二个换行符会删除Firefox中的占位符. (2认同)