为什么我的textarea的占位符没有出现?


74

我在所有表单元素上都使用占位符,并且在文本区域之外的所有元素中都显示了占位符。只需现在在野生动物园中查看它,就已经意识到我输入的类型=“ 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>

Answers:


192

因为您的文本区域中有一些文本作为文本,但其中有一个换行符。

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

应该:

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

2
好赶上!我永远也不会想到这一点,考虑到技术上存在内容,实际上让我惊讶的是它在其他浏览器中也能正常工作。添加第二个换行符不会删除Firefox中的占位符。
韦斯利·默奇

在其他浏览器中不起作用。排名第一的是镀铬,而不是野生动物园。只是在寻找某种修复。
克莱尔

@Nicola:那解决了吗?我没有安装Safari。
Wesley Murch

1
@WesleyMurch对不起,我的意思是如果我删除换行符,它适用于textarea。输入type =“ number”占位符仍然不起作用。
克莱尔

@peeHaa:当占位符内容大小长时尝试占位符=“输入带有大数据的可选消息”时,在野生动物园中无法正常工作,占位符仅显示“输入可选消息”,其他隐藏起来,如文本溢出可以帮忙,请帮助我显示所有数据相同作为铬?
杰伊·巴洛迪
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.