textarea的placeholder怎么实现换行-新的方法

大家好，我是南宫。

我最近遇到一个需求，要在之前写过的页面中加上一个textarea，但是我注意到，textarea里面的placeholder在第一行还没有填满的时候换行了，如下图：

怎么实现呢？

我百度找到的方案是“使用&#10”，也就是Unicode的换行符或回车符，兴冲冲地复制过来以后，一看结果，我感觉很失望：

emmm，
原样输出了，没有起到换行的效果。鉴于之前的那些博客都是2018到2019年的，我认为可能是新版本的浏览器对placeholder的解析规则做了调整。

等一下，既然它原样输出了，那我能不能原样输入呢？

我试了一下，在代码里的placeholder的地方换行。诶，居然可以了！

 

在浏览器的元素这里，也能看到，placeholder这里也有换行：

 我发现这个，是因为我试了下，我随意多敲几个空格，结果空格的距离真的变大了，说明应该是真的原样输出了。所以这里换行的时候也要注意，只换行，不额外留出空格，否则对齐也会受影响哦。