乱爱性全过程免费视频/午夜毛片视频/中文字幕av三区/一级视频网址

當前位置： 維易PHP培訓學院 > HTML5教程 > 內容正文

如何讓textarea的placeholder屬性中的文字換行？

作者：維易PHP培訓學院   時間 2017-09-20

《如何讓textarea的placeholder屬性中的文字換行？》要點：
本文介紹了如何讓textarea的placeholder屬性中的文字換行？，希望對您有用。如果有疑問，可以聯系我們。

相關主題：HTML和JS入門

要實現這樣的效果

如何讓textarea的placeholder屬性中的文字換行？

第一反應是直接在placeholder屬性值里輸入\n換行，如：

<textarea rows="5" cols="50" placeholder="1、textarea\n2、success"></textarea>

瀏覽器直接輸出了它，類似地輸入<br/>也行不通

如何讓textarea的placeholder屬性中的文字換行？

解決方法是換成&#10;

<textarea rows="5" cols="50" placeholder="1、textarea&#10;2、success"></textarea>

效果立竿見影，&#10;是unicode字符中的換行符。

另外用js直接設置textarea的placeholder屬性值為'1、textarea\n2、success'也是可行的

document.querySelector('textarea').setAttribute('placeholder','1、textarea\n2、success')

但是注意：兩種方式僅支持Chrome瀏覽器

代碼：

<!DOCTYPE html >
<html >
       <head >
              <title > textarea placeholder換行 </title >
       </head >
       <body >
              <textarea rows = "5" cols = "50" ></textarea >
              <textarea rows = "5" cols = "50" placeholder = "1、textarea&#10;2、success" ></textarea >
              <script type = "text/javascript" > 
                     document . querySelector ( 'textarea' ) . setAttribute ( 'placeholder', '1、textarea\n2、success' )
              </script >
       </body >
</html >

轉載請注明本頁網址：
http://www.fzlkiss.com/jiaocheng/2277.html


    標簽：textarea  place  holder  文字換行