textarea

更新时间：2023-11-24 15:37

textarea，计算机语言，指的是标签定义多行的文本输入控件。

定义和用法

标签定义多行的文本输入控件。</p><p class="text"><a href="/czkjst/文本区/0">文本区</a>中可容纳无限数量的文本，其中的文本的默认字体是<a href="/czkjst/等宽字体/0">等宽字体</a>（通常是 Courier）。</p><p class="text">可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。</p><p class="text"></p><p class="text">textarea 标签是成对出现的,以<textarea>开始,以结束

定义一个文本区域 (text-area) （一个多行的文本输入区域）。用户可在此文本区域中写文本。在一个文本区中，您可输入无限数量的文本。文本区中的默认字体是等宽字体 (fixed pitch)。

属性

最常用的属性是cols和rows，用来规定textarea的尺寸。另外，还有其他一些属性如下：

HTML 5 中新的全局属性。

描述

Common -- 一般属性

cols -- 多行输入域的列数

rows -- 多行输入域的行数

accesskey -- 表单的快捷键访问方式

disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用

readonly -- 输入域可以选择,但是无法修改

示例

可爱的猴子

全局属性

标签支持<a href="/czkjst/HTML/0">HTML</a> 的全局属性，例如：accesskey、class、data-*、dir、id、lang、spellcheck、title</p></div><div class="para-title2" id="paragraph_10">事件属性</div><div class="para-container scroll_catalog fold" id="paraContainer1"><p class="text"></p></div><p class="text"><textarea> 标签支持<a href="/czkjst/HTML/0">HTML</a> 的事件属性，例如：onblur、onerror、onoffline、ononline、onpageshow、onredo</p></div> </div> </div> <div class="czkjst.org protocol-container" wx:if="{{!partialLoad&&loadLemmaComplete===2}}"> <div bindtap="goToProtocol" class="czkjst.org protocol-item" data-id="0">免责声明</div> <div bindtap="goToProtocol" class="czkjst.org protocol-item" data-id="1">隐私政策</div> <div bindtap="goToProtocol" class="czkjst.org protocol-item" data-id="2">用户协议</div> </div> </div> <div class="czkjst.org bottom-bar"> <div class="czkjst.org border"></div> <div class="czkjst.org botton-flex-container"> <div class="czkjst.org botton-container"> <button bindtap="shareLemmaMessage" class="czkjst.org btn-botbar-share" openType="share"> <div class="czkjst.org ico-share"></div> <span class="czkjst.org txt-share">分享</span> </button> </div> <div class="czkjst.org botton-container"> <div bindtap="showCatalog" class="czkjst.org btn-botbar-catalog"> <div class="czkjst.org ico-catalog"></div> <span class="czkjst.org txt-catalog">目录</span> 22 </div> </div> </div> </div> <div class="czkjst.org catalog-container fake-catalog"> <block wx:for="{{lemmaInfo&&lemmaInfo.paragraphs}}" wx:key="unique"> <block wx:if="{{item.id===-9}}"></block> <div class="czkjst.org catalog-tab twonowrap" wx:elif="{{item.level===1}}"> <span class="czkjst.org catalog-number"> <block wx:if="{{catalogNumber[index]<=9}}">0</block>{{catalogNumber[index]}}. </span>{{item.title}}</div> <div class="czkjst.org catalog-tab2 nowrap {{item.title.length>6?'mini-sub':''}}" wx:elif="{{item.level===2}}">{{item.title}}</div> </block> </div> </body> </html>