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

Question

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

我得到了如下解決方案，但它在 mossilla、safari 中不起作用。

Chrome 以這種方式工作..

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

Answer 1

不幸的是，通常不支持多行占位符。 Chrome 確實允許使用換行符，但跨平台支持可能參差不齊。 推薦的做法是創建更短的單行占位符。 如果你絕對需要一個多行占位符，你可以試試這個：

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

Line2'></textarea>

通過添加 css 屬性white-space:pre ，您可以強制 textarea 將占位符文本視為預格式化文本。 不過，再次支持是參差不齊的。

Answer 2

試試這個代碼

只需在沒有空格的新行之前添加“ &#10 ”。

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