我尝试了一些方法，但没有一个奏效。有人知道绕过这个的妙招吗?
<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/
当前回答
不要认为你可以这样做:http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute
相关内容(重点我):
占位符属性表示一个简短的提示(一个单词或简短的提示) 短语)，用于帮助用户在控件出现故障时输入数据 没有价值。方法的示例值或简要描述可以是提示 预期的格式。如果指定了属性，则该属性的值必须为 不包含U+000A换行(LF)或U+000D回车(CR) 字符。
其他回答
如何使用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:
<textarea placeholder="Line One Line Two Line Four"></textarea>
JS在HTML文件底部:
<script>
var textAreas = document.getElementsByTagName('textarea');
Array.prototype.forEach.call(textAreas, function(elem) {
elem.placeholder = elem.placeholder.replace(/\u000A/g,
' \
\
\
\n\u2063');
});
</script>
注意，额外的空间将导致一个干净的环绕，但必须有足够的空间，它将填补文本区域的宽度，我放置了足够的空间，它足以为我的项目，但你可以通过观察文本区域来生成它们。宽度和计算适当的基数。
使用& # 10;在\n的地方，这将改变这一行。
如果你在ASP中使用Razor。NET项目，你可以做下面的事情，这对很长的占位符值很有帮助:
@{
string strPlaceholder = "Shipment Id to Update, Container Id to Update, New Tracking Number \r\n"
+ "Shipment Id to Update, Container Id to Update, New Tracking Number \r\n"
+ "Shipment Id to Update, Container Id to Update, New Tracking Number \r\n"
+ "\r\n"
+ "i.e. to update all containers with shipment Id 5803407, etner like this: \r\n"
+ "5803407, , 1Z20579A0322337062 \r\n"
+ "\r\n"
+ "or to update a specific container Id, enter like this: \r\n"
+ "5803407, 112546247, 1Z20579A0322337062 \r\n"
;
}
<textarea type="text" class="form-control" style="height:650px;" id="ShipmentList" name="ShipmentList"
placeholder="@strPlaceholder" required></textarea>
非常简单的
var position = your break position;
var breakLine = " ";//in html
var output = [value.slice(0, position), breakLine, value.slice(position)].join('');
return output;
值表示原始字符串
