轉：http://www.tuicool.com/articles/feYVNf

頁面上使用TextArea控件時，會時不時的想給個提示，比如按照一定方式操作之類的。

正常情況下，會使用Placeholder，但這樣的提示是不會換行的，無論是用\r\n，還是用<br/>，都不起作用。

前段時間碰到這個問題，一直沒有解決，所有頁面上的Placeholder都是一行到底，丑死了。

無意中，一個朋友提供了一個方法，完美的解決了問題，貼出來和大家分享一下：

<textarea id="text1" placeholder="Line 1" rows="5"></textarea><textarea id="text2" placeholder="." rows="5"></textarea> #text1::-webkit-input-placeholder::after {display:block;content:"Line 2\A Line 3"; }#text2::-webkit-input-placeholder::before {color:#666;content:"Line 1\A Line 2\A Line 3\A"; }

總結

以上是生活随笔為你收集整理的TextArea里Placeholder换行问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。