javascript - 如何在文本区域的占位符中换行

标签 javascript html reactjs

<分区>

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

到目前为止,我已经尝试使用 \n , <br> , nl2br , \\n他们都没有工作

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

当前输出全部在与Line1 \n Line2 相同的行中

我的目标是将它们放在单独的一行中作为

Line1 
Line2

最佳答案

换行符在 <input> 的占位符属性中不起作用元素,但它们适用于 <textarea>元素。

但是,使用 <input type="textarea">是无效标记,将被浏览器替换为 <input type="text"> .

如果你想要多行输入,使用 <textarea>相反。

对于换行符,使用 &#13;&#10;占位符中的 HTML 实体,即 line feednew line字符:

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

关于javascript - 如何在文本区域的占位符中换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54618219/

相关文章:

javascript - 测试 Javascript 函数的阻塞行为

html - 为什么我的全宽水平导航栏实际上不是全宽?

css - 为什么我的 div 没有脱离父 div?

java - 文本框中的多行字符串支持问题?

javascript - React 组件库的多个导出

javascript - 不能在 React 中将 react-input-mask 与子组件一起使用

javascript - 对类名使用奇数/偶数开关

javascript - 如何检查网站是否允许我用我的小书签注入(inject) Javascript?

javascript - AJAX 中的 event.target

javascript - React JS - ESLint - 忽略具有 UNSAFE_componentWillMount、UNSAFE_componentWillUpdate 和 UNSAFE_componentWillReceiveProps 的组件的规则