</a><ul> </h1><p>提供大段的文本输入框。常用于评论区。</p> <p>属性</p> <ul> <li>name属性</li><li>rows属性可见行数。文本输入框高度px = 1个英文字符高度像素(21px)* 行数</li><li>cols属性可见宽度。<ul> <li>这里的宽度单位不是像素,指的是一行平均可以有多少个英文字符。</li><li>文本输入框宽度px = 1个英文字符宽度像素(8px)* 数量 + 滚动条宽度(17px没有滚动条也会加上该宽度)。</li></ul> </li></ul> <p>UA样式表</p> <pre><code class="lang-css">textarea { display: inline-block; white-space: pre-wrap; //保留空白符序列,但是正常地进行换行。 -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: -internal-light-dark(black, white); letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; text-align: start; appearance: auto; background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59)); -webkit-rtl-ordering: logical; flex-direction: column; resize: auto; cursor: text; overflow-wrap: break-word; column-count: initial !important; margin: 0em; font: 400 13.3333px Arial; border-width: 1px; border-style: solid; border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133)); border-image: initial; padding: 2px; } </code></pre> <p>例子</p> <pre><code class="lang-html"><div> <label for="comment">发表评论</label><br> <textarea name="msg" id="comment" cols="30" rows="10" placeholder="发表一条友善的评论"> </textarea> <input type="submit" value="提交"> </div> </code></pre> <p>输出结果<textarea>之间是不能换行和加空格的。如果加了换行和空格(例子中加了空格和换行),会占用它的字符空间,光标会做出相应的移动。