怎么让HTML的textarea标签输入回车展示换行
 个人随笔
目录
怎么让HTML的textarea标签输入回车展示换行
2021-10-11 10:03:34

有时候我们的输入想让用户回车换行,但是又不想用富文本标签,那怎么办呢?我们其实可以用textarea标签,只需要把textarea的回车产生的\n替换成</br>即可,如下

  1. <body>
  2. <div><textarea rows="10" cols="30"></textarea></div>
  3. <button onclick="showContent()">展示</button>
  4. <div id="show"></div>
  5. </body>
  6. <script>
  7. function showContent(){
  8. $("#show").html($("textarea").val().replace(/\n/g,'<br/>'));
  9. }
  10. </script>

效果如下

 1571

啊!这个可能是世界上最丑的留言输入框功能~


当然,也是最丑的留言列表

有疑问发邮件到 : suibibk@qq.com 侵权立删
Copyright : 个人随笔   备案号 : 粤ICP备18099399号-2