我尝试了一些方法，但没有一个奏效。有人知道绕过这个的妙招吗?
<textarea placeholder='This is a line \n this should be a new line'></textarea>
<textarea placeholder='This is a line
should this be a new line?'></textarea> <!-- this works in chrome apparently -->
更新:它不工作在chrome。它只是textarea的宽度。
参见:http://jsfiddle.net/pdXRx/
当前回答
你可以插入一个新的行html实体 在占位符属性内部:
< textarea name = " foo " placeholder =“你好you& 10;第二个line& #第三线" > < / textarea > 10;
适用于: Chrome 62, IE10, Firefox 60
不起作用: Safari 11
https://jsfiddle.net/lu1s/bxkjLpag/2/
其他回答
旧的回答:
不，你不能在占位符属性中这样做。你甚至不能用html编码像 在占位符中。
新回答:
现代浏览器为您提供了几种方法。请看这个JSFiddle:
http://jsfiddle.net/pdXRx/5/
萨拉蒙·阿莱库姆
适用于谷歌Chrome浏览器
<textarea placeholder="Enter Choice#1 Enter Choice#2 Enter Choice#3"></textarea>
我在Windows 10.0 (Build 10240)和谷歌Chrome版本上测试了这个 47.0.2526.80米 2015年12月17日星期四，1437，拉比奥瓦尔，AST 6 08:43:08
谢谢你！
我把@Richard Bronosky的小提琴改装成这样。
使用data-*属性而不是自定义属性是更好的方法。 我将<textarea placeholdernl>替换为<textarea data-placeholder>和其他一些风格。
编辑 这里是理查德的原始答案，其中包含完整的代码片段。
如何使用CSS解决方案:http://cssdeck.com/labs/07fwgrso
::-webkit-input-placeholder::before {
content: "FIRST\000ASECOND\000ATHIRD";
}
::-moz-placeholder::before {
content: "FIRST\000ASECOND\000ATHIRD";
}
:-ms-input-placeholder::before {
content: "FIRST\000ASECOND\000ATHIRD";
}
你不能用纯HTML做到这一点，但这个jQuery插件可以让你:https://github.com/bradjasper/jQuery-Placeholder-Newlines
