解決textarea顯示多余的空行空格問題


問題描述:用textarea顯示一段文字,發現有時候有多余的空行、空格。

問題原因:代碼格式導致。

解決辦法:標簽<textarea>和</textarea>寫在同一行中

演示實例:

  代碼:

 1 <html>
 2     <title>解決textarea顯示多余的空行空格問題</title>
 3     <head>
 4          <meta charset="UTF-8">
 5          <style type="text/css">
 6              textarea {
 7                  text-decoration: underline;
 8              }
 9          </style>
10     </head>
11     <body>
12 
13         <textarea>我沒有空行</textarea>
14         <textarea>
15             我有空行
16         </textarea>
17     </body>
18 </html>

 

   效果圖:

     注: 為了顯示效果更明顯,給文本框里的內容加了下划線。


免責聲明!

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



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