textarea去除多余空格和回车的方法及其属性

Delicia ·

更新时间:2024-11-10

· 690 次阅读

textarea去除多余空格和回车的方法及其属性 1.错误解决方法

使用textarea的标签时候发现多了空格或者’\n‘，后来发现是标签的位置错了

以下是错误示范：

你好

在这里插入图片描述

以下是正确示范：

你好

在这里插入图片描述

关键在于</code>与<code>要在同一行，不然他们之间的部分都计入（包括回车’\n‘,空格）

2.</code>的属性</b> <p>以下是常用的属性</p> <table> <thead> <tr> <th>属性</th> <th>功能</th> </tr> </thead> <tbody> <tr> <td>maxlength</td> <td>最大输入长度</td> </tr> <tr> <td>minlength</td> <td>最小输入长度</td> </tr> <tr> <td>cols</td> <td>列数</td> </tr> <tr> <td>row</td> <td>行数</td> </tr> <tr> <td>readonly</td> <td>只读不可修改</td> </tr> <tr> <td>required</td> <td>必填</td> </tr> <tr> <td>warp</td> <td>是否需要换行符</td> </tr> </tbody> </table><p>特别介绍一下 warp功能</p> <code> <textarea> </code> <p>soft 在表单提交时，textarea 中的文本不换行,即不含换行符。(不指定默认是soft)<br> hard 在表单提交时，textarea 中的文本包含换行符，当使用 “hard” 时，必须指定 cols 属性。</p> <br /> 作者：Mike铭 <p><br /> <script src="/upload/common/article_bottom1.js"></script></p> <p class="info"><br /> <a href="/fangfa/">方法</a> <a href="/shuxing/">属性</a> <a href="/textarea/">textarea</a> </p> </div> <div class="card-footer clearfix"> <div class="opts"> <a title="对我有帮助" data-count="1024" data-state="deactive" data-type="article" data-id="181270" class="likeable deactive digg" href="#"><i class='icon fa fa-thumbs-up'></i> <span>1024 个赞</span></a> <div class="pull-right"> <div class="dropdown"> <a href="#" data-bs-toggle ="dropdown"> <i class='icon fa fa-ellipsis-v'></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a href="/user/article/181270" target="_blank">编辑</a> <a href="/user/jubao/181270" target="_blank">举报</a> </div> </div> </div> </div> </div> </div> <div id="replies" class="card" data-last-floor="7"> <div class="items card-body"> </div> </div> <div class="card"> <div class="card-body" style="padding: 10px;overflow: hidden;white-space: nowrap"> <script src="/upload/common/article_bottom2.js"></script> </div> </div> <div class="card"> <div class="card-body"> <div id="reply" class="form box"> <div style="padding:20px;" data-turbolinks-action="replace"> 需要 <a href="/user/login" class="btn btn-primary">登录</a> 后方可回复, 如果你还没有账号请 <a href="/user/reg">注册新账号</a> </div> </div> </div> </div> <div class="topics topics-index card"> <div class="card-body item-list"> <div class="card-header">相关文章</div> <div class="topic media topic-552" data-prefetch="/vue/552"> <div class="avatar"> <a target="_blank" title="Vue.js 组件" href="/vue/552"><img class="media-object avatar-48" src="/upload/wp-content/uploads/2020/01/components.png?x-oss-process=style/40x40" /></a> </div> <div class="infos media-body"> <div class="title media-heading"> <a title="Vue.js 组件" target="_blank" href="/vue/552">Vue.js 组件</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/105">Jacinda</a> <abbr class="timeago" title='2020-05-09'>2020-05-09</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/vue/552">794</a> </div> </div> <div class="topic media topic-5502" data-prefetch="/zhengze/5502"> <div class="infos media-body"> <div class="title media-heading"> <a title="shell通过正则匹配ip地址实例代码" target="_blank" href="/zhengze/5502">shell通过正则匹配ip地址实例代码</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/59">Noya</a> <abbr class="timeago" title='2020-03-21'>2020-03-21</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/zhengze/5502">533</a> </div> </div> <div class="topic media topic-5680" data-prefetch="/laravel/5680"> <div class="infos media-body"> <div class="title media-heading"> <a title="Laravel 中使用简单的方法跟踪用户是否在线(推荐)" target="_blank" href="/laravel/5680">Laravel 中使用简单的方法跟踪用户是否在线(推荐)</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/107">Serwa</a> <abbr class="timeago" title='2020-03-20'>2020-03-20</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/laravel/5680">874</a> </div> </div> <div class="topic media topic-296446" data-prefetch="/ipdizhixiugai/235214947756277760"> <div class="infos media-body"> <div class="title media-heading"> <a title="docker网卡的IP地址修改方法总结" target="_blank" href="/ipdizhixiugai/235214947756277760">docker网卡的IP地址修改方法总结</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/585">Rae</a> <abbr class="timeago" title='2023-07-22'>2023-07-22</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/ipdizhixiugai/235214947756277760">1847</a> </div> </div> <div class="topic media topic-296458" data-prefetch="/dockermingling/235215015997603840"> <div class="infos media-body"> <div class="title media-heading"> <a title="docker命令中必须加上sudo的问题解决方法" target="_blank" href="/dockermingling/235215015997603840">docker命令中必须加上sudo的问题解决方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/983">Rhoda</a> <abbr class="timeago" title='2023-07-22'>2023-07-22</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/dockermingling/235215015997603840">1038</a> </div> </div> <div class="topic media topic-296466" data-prefetch="/elasticsearch/235215053582761984"> <div class="infos media-body"> <div class="title media-heading"> <a title="Elasticsearch/Kibana密码设置方法" target="_blank" href="/elasticsearch/235215053582761984">Elasticsearch/Kibana密码设置方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/626">Hester</a> <abbr class="timeago" title='2023-07-22'>2023-07-22</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/elasticsearch/235215053582761984">1081</a> </div> </div> <div class="topic media topic-296474" data-prefetch="/docker/235215095678894080"> <div class="infos media-body"> <div class="title media-heading"> <a title="docker查询日志并输出到文件的方法" target="_blank" href="/docker/235215095678894080">docker查询日志并输出到文件的方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/940">Grace</a> <abbr class="timeago" title='2023-07-22'>2023-07-22</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/docker/235215095678894080">1029</a> </div> </div> <div class="topic media topic-296478" data-prefetch="/docker/235215112955232256"> <div class="infos media-body"> <div class="title media-heading"> <a title="docker容器/etc/hosts文件修改方法" target="_blank" href="/docker/235215112955232256">docker容器/etc/hosts文件修改方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/638">Vanna</a> <abbr class="timeago" title='2023-07-22'>2023-07-22</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/docker/235215112955232256">1279</a> </div> </div> <div class="topic media topic-296483" data-prefetch="/docker/235215136573358080"> <div class="infos media-body"> <div class="title media-heading"> <a title="docker容器连接宿主机redis与mysql的配置方法" target="_blank" href="/docker/235215136573358080">docker容器连接宿主机redis与mysql的配置方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/888">Peony</a> <abbr class="timeago" title='2023-07-22'>2023-07-22</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/docker/235215136573358080">1975</a> </div> </div> <div class="topic media topic-296488" data-prefetch="/dockerjingxiang/235215167279857664"> <div class="infos media-body"> <div class="title media-heading"> <a title="Docker镜像之不同服务器间迁移方法大全" target="_blank" href="/dockerjingxiang/235215167279857664">Docker镜像之不同服务器间迁移方法大全</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/231">Dorothy</a> <abbr class="timeago" title='2023-07-22'>2023-07-22</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/dockerjingxiang/235215167279857664">1993</a> </div> </div> <div class="topic media topic-296489" data-prefetch="/docker/235215171438510080"> <div class="infos media-body"> <div class="title media-heading"> <a title="docker容器使用内存大小限制方法" target="_blank" href="/docker/235215171438510080">docker容器使用内存大小限制方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/117">Dulcea</a> <abbr class="timeago" title='2023-07-22'>2023-07-22</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/docker/235215171438510080">493</a> </div> </div> <div class="topic media topic-296494" data-prefetch="/linuxzhong/235215195178270720"> <div class="infos media-body"> <div class="title media-heading"> <a title="在Linux中列出Systemd下所有正在运行的服务的方法指南" target="_blank" href="/linuxzhong/235215195178270720">在Linux中列出Systemd下所有正在运行的服务的方法指南</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/727">Zandra</a> <abbr class="timeago" title='2023-07-22'>2023-07-22</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/linuxzhong/235215195178270720">507</a> </div> </div> <div class="topic media topic-296503" data-prefetch="/duojincheng/235676183061069824"> <div class="infos media-body"> <div class="title media-heading"> <a title="一文详解Python中多进程和进程池的使用方法" target="_blank" href="/duojincheng/235676183061069824">一文详解Python中多进程和进程池的使用方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/677">Serafina</a> <abbr class="timeago" title='2023-07-24'>2023-07-24</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/duojincheng/235676183061069824">338</a> </div> </div> <div class="topic media topic-296528" data-prefetch="/xuniji/238295187313393664"> <div class="infos media-body"> <div class="title media-heading"> <a title="VMware克隆虚拟机并重新设置IP和主机名的实现方法" target="_blank" href="/xuniji/238295187313393664">VMware克隆虚拟机并重新设置IP和主机名的实现方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/813">Kathy</a> <abbr class="timeago" title='2023-08-08'>2023-08-08</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/xuniji/238295187313393664">194</a> </div> </div> <div class="topic media topic-296539" data-prefetch="/fangfa/238295255514873856"> <div class="infos media-body"> <div class="title media-heading"> <a title="使用nginx.exe时闪退的原因和解决方法" target="_blank" href="/fangfa/238295255514873856">使用nginx.exe时闪退的原因和解决方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/701">Olivia</a> <abbr class="timeago" title='2023-08-08'>2023-08-08</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/fangfa/238295255514873856">694</a> </div> </div> <div class="topic media topic-296554" data-prefetch="/aliyun/238295333646368768"> <div class="infos media-body"> <div class="title media-heading"> <a title="阿里云服务IIS搭建Web网站外网无法访问的解决方法" target="_blank" href="/aliyun/238295333646368768">阿里云服务IIS搭建Web网站外网无法访问的解决方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/998">Elina</a> <abbr class="timeago" title='2023-08-08'>2023-08-08</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/aliyun/238295333646368768">897</a> </div> </div> <div class="topic media topic-296559" data-prefetch="/fangfa/238295361928560640"> <div class="infos media-body"> <div class="title media-heading"> <a title="ssh报错nokeyalg的解决方法(关于低版本连接高版本ssh)" target="_blank" href="/fangfa/238295361928560640">ssh报错nokeyalg的解决方法(关于低版本连接高版本ssh)</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/606">Jacinthe</a> <abbr class="timeago" title='2023-08-08'>2023-08-08</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/fangfa/238295361928560640">339</a> </div> </div> <div class="topic media topic-296560" data-prefetch="/docker/238295370847748096"> <div class="infos media-body"> <div class="title media-heading"> <a title="在没有Docker缓存的情况下构建镜像的方法分享" target="_blank" href="/docker/238295370847748096">在没有Docker缓存的情况下构建镜像的方法分享</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/277">Viridis</a> <abbr class="timeago" title='2023-08-08'>2023-08-08</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/docker/238295370847748096">1779</a> </div> </div> <div class="topic media topic-296563" data-prefetch="/docker-compose/238295382558244864"> <div class="infos media-body"> <div class="title media-heading"> <a title="docker-compose中启动镜像失败的几种解决方法" target="_blank" href="/docker-compose/238295382558244864">docker-compose中启动镜像失败的几种解决方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/663">Hana</a> <abbr class="timeago" title='2023-08-08'>2023-08-08</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/docker-compose/238295382558244864">725</a> </div> </div> <div class="topic media topic-296568" data-prefetch="/windowsfuwuqi/238295407354970112"> <div class="infos media-body"> <div class="title media-heading"> <a title="Windows服务器默认IE浏览器无法下载文件的解决方法" target="_blank" href="/windowsfuwuqi/238295407354970112">Windows服务器默认IE浏览器无法下载文件的解决方法</a> </div> <div class="info"> <a target="_blank" class="user-name" data-name="Rei" href="/user/210">Cybill</a> <abbr class="timeago" title='2023-08-08'>2023-08-08</abbr> </div> </div> <div class="count media-right"> <a class="state-false" href="/windowsfuwuqi/238295407354970112">1355</a> </div> </div> </div> </div> </div> <div class="sidebar col-lg-3" id="sideright"> <div class="card"> <div class="card-body"> <a class="btn btn-primary btn-block" href="/user/tougao">我要提问</a> </div> </div> <div class="card"> <script src="/upload/common/right.js"></script> </div> <div class="card"> <h3 class="card-header">致谢</h3> <div class="card-body"> <p><b>帮助他人，成就自己。</b></p> <p>人生最大成功就是伸出热情而温暖的双手，尽自己所能去帮助身边的每一个人，只要无私的奉献，就会收获到美好的生活。</p> <p>1024问感谢每一位朋友的帮助和支持。</p> 软件开发网提供编程的基础软件技术培训教程,软件开发编程实例讲解Go,Node,HTML,CSS,Javascript,Python,Java,Ruby,C,PHP,MySQL等软件开发编程语言以及数据开发的基础知识，也提供大量的软件开发在线实例、从入门到精通就在1024问。 </div> </div> <div class="card"> <div class="card-body"> <div id="link"> <a href="https://www.pcbaby.cn/" target="_blank" >育儿网</a> <a href="https://www.wys.net/" target="_blank" >微养生</a> <a href="https://www.qqx.com/" target="_blank" >全球行</a> <a href="https://www.msj.com/" target="_blank" >美食街</a> <a href="http://www.baoerle.com/" target="_blank" >育儿</a> <a href="https://www.3meishi.com/" target="_blank" >菜谱大全</a> <a href="http://www.haihua365.com/" target="_blank" >海南旅游</a> <a href="https://www.163lady.com/" target="_blank" >女性</a> <a href="http://www.bubugou.com/" target="_blank" >养狗百科</a> <a href="http://www.xingzuo8090.com/" target="_blank" >星座</a> </div> <script> document.getElementById("l"+"i"+"n"+"k").style.display = "none"; </script> <script src="/upload/common/right1.js"></script> </div> </div> </div> </div> </div> <footer class="footer" id="footer" data-turbolinks-permanent> <div class="container"> <div class="media" data-turbolinks="false"> <div class="media-body"> <div class="copyright" style="margin-left: 15px"> © 2021 1024问 MIT <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备11031391号-29</a> </div> </div> </div> </div> </footer> <div class="zoom-overlay"></div> <script src="/upload/static/js/tongji.js"></script> <script> document.getElementById("u"+"p"+"da"+"te").style.display = "none"; </script> </body> </html>