我尝试了一些方法，但没有一个奏效。有人知道绕过这个的妙招吗?
<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/
当前回答
Textarea尊重占位符的空白属性。https://www.w3schools.com/cssref/pr_text_white-space.asp
将它设置为预行，为我解决了这个问题。
textarea { 空白:pre-line; ｝ <textarea placeholder='这是一行 这应该是一个新的行'></textarea>
其他回答
萨拉蒙·阿莱库姆
适用于谷歌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
谢谢你！
你可以插入一个新的行html实体 在占位符属性内部:
< textarea name = " foo " placeholder =“你好you& 10;第二个line& #第三线" > < / textarea > 10;
适用于: Chrome 62, IE10, Firefox 60
不起作用: Safari 11
https://jsfiddle.net/lu1s/bxkjLpag/2/
使用& # 10;在\n的地方，这将改变这一行。
只添加
用于断行，不需要编写任何CSS或javascript。
textarea { 宽度:300 px; 身高:100 px; ｝ <textarea占位符='这是一行这
应该是一个新行'></textarea> <textarea placeholder='这是一行 这应该是一条新线吗?" > < / >文本区域
您可以做的是将文本作为值添加，它尊重换行符\n。
$('textarea').attr('value', 'This is a line \nthis should be a new line');
然后你可以在焦点上删除它，然后在模糊上应用它(如果为空)。就像这样
var placeholder = 'This is a line \nthis should be a new line';
$('textarea').attr('value', placeholder);
$('textarea').focus(function(){
if($(this).val() === placeholder){
$(this).attr('value', '');
}
});
$('textarea').blur(function(){
if($(this).val() ===''){
$(this).attr('value', placeholder);
}
});
例如:http://jsfiddle.net/airandfingers/pdXRx/247/
不是纯粹的CSS，不干净，但做到了。
