javascript - 如何在文本区域添加多行占位符文本？

Question

如何在文本区域添加多行占位符文本？ .

我得到了如下的解决方案，但它在 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，您可以强制文本区域将占位符文本视为预格式化文本。不过，支持仍然参差不齐。