如何在textarea的占位符中换行[重复]答案

【问题标题】：how to line break on placholder of text area [duplicate]如何在textarea的占位符中换行[重复]
【发布时间】：2019-07-04 05:15:25
【问题描述】：

我希望在 reactjs 上的 textarea 占位符上换行

到目前为止，我尝试过使用\n、<br>、nl2br、\\n，但都没有工作

<Input type="textarea" name="txtarea"  placeholder="Line1  \n Line2" />

当前输出与Line1 \n Line2在同一行中

我的目标是把它们放在单独的一行上

Line1 
Line2

【问题讨论】：

【解决方案1】：

您必须将 &#10; insted \n 放在占位符内

【讨论】：

【解决方案2】：

换行符不适用于<input> 元素的占位符属性，但它们适用于<textarea> 元素。

但是，使用<input type="textarea"> 不是有效的标记，浏览器会将其替换为<input type="text">。

如果您想要多行输入，请改用<textarea>。

对于换行符，在占位符中使用&#13; 和&#10; HTML 实体，即line feed 和new line 字符：

<input type="text" placeholder="line&#13;&#10;line2">
<textarea placeholder="line1&#13;&#10;line2"></textarea>

【讨论】：