textarea中的placeholder設置主動換行


今天遇到一個需求, 想要設置textarea中的placeholder換行展示,如:

1、輸入xxxxx

2、輸入xxxxx

 

但是發現無論是設置 "1、輸入xxxxx\n2、輸入xxxxx" 還是 "1、輸入xxxxx\r2、輸入xxxxx" 還是 "1、輸入xxxxx<br/>2、輸入xxxxx", 都會直接將\n、 \r、 <br/>直接顯示到界面上,達不到換行效果。

最終通過使用  "&#xD" 或者 "&#xA" 才能達到換行效果, 原因是textarea中的字符編碼是unicode編碼, 在unicode編碼中&#xD 和 &#xA是換行符。

所以最終的設置為: placeholder="1、輸入xxxxx &#xD 2、輸入xxxxx"


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM