如何在 textarea 中添加多行占位符文本？答案

【问题标题】：How to add multi line place holder text in textarea?如何在 textarea 中添加多行占位符文本？
【发布时间】：2016-09-23 02:31:52
【问题描述】：

如何在 textarea 中添加多行占位符文本？ .

我得到了一个类似以下的解决方案，但它在 mossilla，safari 中不起作用。

Chrome 就是这样工作的..

$('#nameTxtBox').attr("placeholder", "League Name \n 1-2 lines most designs");

【问题讨论】：

【解决方案1】：

很遗憾，通常不支持多行占位符。 Chrome 确实允许换行符，但跨平台的支持可能参差不齐。推荐的做法是创建更短的单行占位符。如果你绝对需要一个多行占位符，你可以试试这个：

<textarea style='white-space:pre;' placeholder='Line 1

Line2'></textarea>

通过添加 css 属性 white-space:pre，您可以强制 textarea 将占位符文本视为预格式化文本。不过，再一次，支持参差不齐。

【讨论】：

【解决方案2】：

试试这个代码

只需要在新行前加上“ ”，不用空格。

<textarea  placeholder='First Line &#10;Second Line &#10;Third Line' rows="5"></textarea>

【讨论】：