HTML cols 属性

HTML 中的 cols 属性可用于 和 <frameset> 元素。由于 HTML5 不支持 <framset> 标签，因此我们将处理 <textarea> 的 cols 属性。</p> <p><textarea>元素的 cols 属性用于设置文本区域的宽度。cols 属性用于设置文本区域的宽度，该宽度在文本区域下方可见。</p> <p>以下是语法 −</p> <pre class="result notranslate"> <textarea cols="num"> </pre> <p>以上，num 是文本区域的宽度。默认值为 20。</p> <p>现在让我们看一个实现 <textarea> 元素的 cols 属性的示例 −</p> <h2>示例</h2> <pre class="prettyprint notranslate jsHigh"> <!DOCTYPE html> <html> <body> <h2>Interview Questions</h2> <p>Why do you want go for the Editor Job Profile? (100 words)</p>    <textarea rows="6" cols="70" autofocus>       Write the answer in 100 words only...    </textarea>    <p>What are your weaknesses? (50 words)</p>    <textarea rows="4" cols="70" autofocus>       Write the answer in 50 words only...    </textarea> </body> </html> </pre> <h2>输出</h2> <p><img src="../assets/questions/media/24495/i_questions.jpg" class="fr-fic fr-dib" style="width:600px; height:382px; border:1px solid black;" width="600" height="382"></p> <hr/> <h2>相关文章</h2> <ul class="related-articles"> <li><a href="html-dom-input-button-object.html">HTML DOM 输入按钮对象</a></li> <li><a href="html-canvas-shadowblur-property.html">HTML 画布 shadowBlur 属性</a></li> <li><a href="html-dom-address-object.html">HTML DOM address 对象</a></li> <li><a href="html-canvas-shadowcolor-property.html">HTML 画布 shadowColor 属性</a></li> <li><a href="change-background-color-of-a-web-page-using-onmouseover-property.html">使用 onmouseover 属性更改网页背景颜色</a></li> <li><a href="html-canvas-fillstyle-property.html">HTML 画布 fillStyle 属性</a></li> <li><a href="html-frame-tag.html">HTML frame 框架标签</a></li> <li><a href="html-canvas-clearrect-method.html">HTML Canvas clearRect() 方法</a></li> <li><a href="html-body-tag.html">HTML body 标签</a></li> <li><a href="html-optgroup-tag.html">HTML optgroup 标签</a></li> </ul> <hr> <h2>有用资源</h2> <ul class="list"> <li><p><a target="_blank" href="../html/index.html">html 参考教程</a> - 该教程包含有关 html 的更多信息:<a target="_blank" href="../html/index.html">https://www.cainiaomax.com/html/</a></p></li> </ul> <hr> <div class="w3-clear nextprev"> <a class="w3-left w3-btn w3-blue" id="print-page" href="javascript:void(0);" onClick="printPage();return false;"><svg fill="white" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M112 160V64c0-8.8 7.2-16 16-16H357.5c4.2 0 8.3 1.7 11.3 4.7l26.5 26.5c3 3 4.7 7.1 4.7 11.3V160h48V90.5c0-17-6.7-33.3-18.7-45.3L402.7 18.7C390.7 6.7 374.5 0 357.5 0H128C92.7 0 64 28.7 64 64v96h48zm16 208H384v96H128V368zm-16-48c-17.7 0-32 14.3-32 32H48V256c0-8.8 7.2-16 16-16H448c8.8 0 16 7.2 16 16v96H432c0-17.7-14.3-32-32-32H112zm320 80h48c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64V368c0 17.7 14.3 32 32 32H80v80c0 17.7 14.3 32 32 32H400c17.7 0 32-14.3 32-32V400z"></path></svg> 打印</a> <a class="w3-right w3-btn" style="margin:5px;" href="html-dom-scrollheight-property.html">下一节:HTML DOM scrollHeight 属性 ❯</a><a class="w3-right w3-btn w3-white" style="margin:5px;" href="html-dom-input-url-defaultvalue-property.html">❮ 上一节:HTML DOM Input URL defaultValue 属性</a> </div> <div id="mypagediv2" style="position:relative;text-align:center;"></div> <br> </div> <div class="w3-col l2 m12 w3-hide-medium" id="right"> <div class="sidesection"> <h4><a href="../colors/colors_picker.html">颜色选择器</a></h4> <a href="../colors/colors_picker.html"><img src="https://cdn.cainiaomax.com/images/colorpicker.gif" alt="颜色选择器"></a> </div> <div class="sidesection" style="margin-left:auto;margin-right:auto;max-width:250px"> </div> <div class="sidesection"> <h4>读后有收获微信请站长喝咖啡</h4> <img src="https://cdn.cainiaomax.com/images/weixinpay.png" alt="weixinpay"> </div> <div class="section-adv" style="margin-left:auto;margin-right:auto;max-width:300px"> <!-- 160:600 --> <!-- 这里是ad --> </div> </div> </div> <div id="footer" class="footer w3-container w3-white"> <div id="adngin-bottom_left-1"></div> <div class="w3-row-padding w3-center w3-small w3-hide-small" style="margin:0 -16px"> <div class="w3-col l3 m3 s12"> <a class="w3-button w3-light-grey w3-block" href="javascript:void(0);" onclick="displayError();return false" style="white-space:nowrap;text-decoration:none;margin-top:1px;margin-bottom:1px">报告错误</a> </div> <div class="w3-col l3 m3 s12"> <a class="w3-button w3-light-grey w3-block" href="javascript:void(0);" target="_blank" onclick="printPage();return false;" style="text-decoration:none;margin-top:1px;margin-bottom:1px">打印</a> </div> <div class="w3-col l3 m3 s12"> <a class="w3-button w3-light-grey w3-block" href="../about/default.html" target="_top" style="text-decoration:none;margin-top:1px;margin-bottom:1px">关于</a> </div> <div class="w3-col l3 m3 s12"> <a class="w3-button w3-light-grey w3-block" href="../coder_learn_path/index.html" target="_top" style="text-decoration:none;margin-top:1px;margin-bottom:1px">学习路线</a> </div> </div> <div class="w3-light-grey w3-padding w3-margin-bottom w3-hide-small" id="err_form" style="display:none;position:relative"> <span onclick="this.parentElement.style.display='none'" class="w3-button w3-display-topright w3-large">×</span> <h2>错误报告</h2> <p>如果您发现内容有误或提出修改建议，请随时向我们发送 E-mail 邮件:</p> <p>405593121@qq.com</p> <br> <h2>您的建议:</h2> <form> <div class="w3-section"> <label for="err_email">您的 E-mail:</label> <input class="w3-input w3-border" type="text" style="margin-top:5px;width:100%" id="err_email" name="err_email"> </div> <div class="w3-section"> <label for="err_email">页面地址:</label> <input class="w3-input w3-border" type="text" style="width:100%;margin-top:5px" id="err_url" name="err_url" value="https://www.cainiaomax.com/articles/howto_article_show.asp" disabled="disabled"> </div> <div class="w3-section"> <label for="err_email">内容描述:</label> <textarea rows="10" class="w3-input w3-border" id="err_desc" name="err_desc" style="width:100%;margin-top:5px;resize:vertical;">