HTML cols属性</h1> <div class="entry-meta"> <a class="author-all-posts" > <figure> <img src='/static/picture/4964415998e567eef88c1c9d80935df3.jpg' class='avatar avatar-80 photo' height='80' width='80' decoding='async'> </figure> <span>test</span> </a> <div class="meta-right"> <div class="meta-right__post-date"> <a rel="bookmark"><time class="entry-date published" datetime="2025-11-20 12:30:23">2025-11-20 12:30:23</time></a> </div> </div> </div> </header><!-- .entry-header --> <div class="grid-x"> <div class="cell small-12"> <div class="entry-content"> <div class="entry-content__inner"> <p><p>HTML <textarea> cols 属性</p> <p>HTML <textarea> 标签</p> <p>实例</p> <p>带有指定高度和宽度的文本区域：</p> <p><textarea rows="4" cols="50"></p> <p>在 runoob.com 您将学习如何制作一个网站。我们提供了所有 Web 开发免费教程。</p> <p>

尝试一下 »

浏览器支持

所有主流浏览器都支持 cols 属性。

定义和用法

cols 属性规定文本区域的可见宽度。

注意：

textarea 的尺寸大小也可以通过 CSS 的 height 和 width 属性设置。

HTML 4.01 与 HTML5之间的差异

无。

语法

</p> <p>属性值</p> <p>值</p> <p>描述</p> <p>number</p> <p>规定文本区域的宽度（以平均字符宽度计）。默认值是 20。</p> <p>HTML <textarea> 标签</p> </p> </div> <div class="entry-footer"> <div class="display-flex"> </div> </div> </div><!-- .entry-content --> </div> </div> </article><!-- #post-## --> </div> </div> </div> </div> </div> </div> </div> </div><!-- .site-content-wrapper --> <footer class="site-footer"> <div style="position: relative;bottom: 10px;margin: 0 auto;left: 0;right: 0;text-align: center;"> Copyright © 2088 网游首战新游活动网 All Rights Reserved. <div style="text-align: center;"> 友情链接 <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node91.aizhantj.com:21233/tjjs/?k=gdvpk3plqch"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> </div> </div> </footer> </div><!-- .site-wrapper --> <!-- .site-search --> <div class="nova-overlay-global"></div> <a href="#" class="trx_addons_scroll_to_top trx_addons_icon-up" title="Scroll to top"></a> <script type="text/javascript" src="/static/js/jquery.magnific-popup.min.js" id="magnific-popup-js"></script> <script type="text/javascript" src="/static/js/imagesloaded.min.js" id="imagesloaded-js"></script> <script type="text/javascript" src="/static/js/foundation.min.js" id="foundation-js"></script> <script type="text/javascript" src="/static/js/js.cookie.js" id="cookies-js"></script> <script type="text/javascript" src="/static/js/jquery.visible.js" id="jquery-visible-js"></script> <script type="text/javascript" src="/static/js/jquery.scrollTo.min.js" id="scrollTo-js"></script> <script type="text/javascript" src="/static/js/hoverIntent.min.js" id="hoverIntent-js"></script> <script type="text/javascript" src="/static/js/jquery.perfect-scrollbar.min.js" id="perfect-scrollbar-js"></script> <script type="text/javascript" src="/static/js/mo.min.js" id="mojs-js"></script> <script type="text/javascript" src="/static/js/anime.min.js" id="anime-js"></script> <script type="text/javascript" src="/static/js/swiper-bundle.min.js" id="swiper-js"></script> <script type="text/javascript" src="/static/js/headroom.min.js" id="headroom-js"></script> <script type="text/javascript" src="/static/js/slick.min.js" id="slick-js"></script> <script type="text/javascript" src="/static/js/jquery.sticky-kit.min.js" id="sticky-kit-js"></script> <script type="text/javascript" src="/static/js/loadingoverlay.min.js" id="jquery-loading-overlay-js"></script> <script type="text/javascript" src="/static/js/readmore.js" id="readmore-js"></script> <script type="text/javascript" src="/static/js/isotope.pkgd.min.js" id="isotope-js"></script> <script type="text/javascript" src="/static/js/video.popup.js" id="video-popup-js"></script> <script type="text/javascript" src="/static/js/animatedModal.js" id="animatedModal-js"></script> <script type="text/javascript" src="/static/js/jquery.easing.js" id="jquery-easing-js"></script> <script type="text/javascript" src="/static/js/topbar.min.js" id="topbar-js"></script> <script type="text/javascript" src="/static/js/jpreloader.js" id="jpreloader-js"></script> <script type="text/javascript" src="/static/js/circle-progress.min.js" id="circle-progress-js"></script> <script type="text/javascript" src="/static/js/comment-reply.min.js" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="/static/js/__scripts.js" id="trx_addons-js"></script> </body> </html>