HTML文件中文本域标记textarea如何设置

HTML文件中文本域标记textarea如何设置

文本域标记textarea属于双标记标签，意味着必须以开始，以结束，且其中必带有两个属性rows(文本域的行数)和cols(文本域每行输入的字符数)，简单理解可理解为长方形的长和框，文本域也可以设置默认显示文本。

添加文本域标签。

通过和标志文本域的开始和结束，同时其中的属性rows和cols不设置，则有系统默认大小，保存运行后，显示如图所示。

文本域属性参数设置。

通过为rows和cols属性设置大小，从而可以改变文本域的大小，这里我们可以简单的理解为长方形文本域的长和宽，以5和50大小为例，显示结果如图所示。

文本域默认文本添加。

在两个标签中间添加文本，则当我们在浏览器中运行后，默认显示为文本域的信息内容，当然用户可以根据自己的需要来进行修改，如图。</p> </div> <div class="entry-footer clear"> <div class="entry-tags"><span class="tag-links">标签:HTML,textarea,文本</span></div> </div> </article> <div class="related-content"><span class="section-title">相关文章</span> <ul class="clear"> <li class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="/life/76171.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0827/55b3efa0.jpg" alt="吃什么食物人易长寿 十种长寿食物"></div> </a> <div class="entry-title"><a href="/life/76171.html">吃什么食物人易长寿 十种长寿食物</a></div> <div class="entry-meta"> <span class="entry-date">2025-09-16 21:33</span> <span class="entry-views">阅读(1221)</span> </div> </li> <li class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="/life/71732.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0827/0905308f.jpg" alt="换新手机怎样一键搬家到新手机"></div> </a> <div class="entry-title"><a href="/life/71732.html">换新手机怎样一键搬家到新手机</a></div> <div class="entry-meta"> <span class="entry-date">2025-09-13 19:34</span> <span class="entry-views">阅读(1207)</span> </div> </li> <li class="hentry ht_grid_1_3"> <a class="thumbnail-link" href="/life/72953.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0827/9ac8ff76.jpg" alt="英雄联盟lol寒冰射手艾希出装|lol寒冰怎么出装"></div> </a> <div class="entry-title"><a href="/life/72953.html">英雄联盟lol寒冰射手艾希出装|lol寒冰怎么出装</a></div> <div class="entry-meta"> <span class="entry-date">2025-09-14 15:54</span> <span class="entry-views">阅读(1171)</span> </div> </li> </ul> </div> <div class="popular-content entry-related"> <div class="popular-loop"> <div class="hentry"> <div class="entry-title"> <span class="post-num num-1">1</span> <a href="/life/73197.html">同心之言,其臭如兰 臭是什么意思</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 1140 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-2">2</span> <a href="/life/70092.html">支付宝怎么进行身份证更新</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 1120 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-3">3</span> <a href="/life/70302.html">欧美狂野男人流行发型</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 1094 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-4">4</span> <a href="/life/76559.html">win10系统如何还原成win7系统</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 1090 阅读</span></div> </div> <div class="hentry"> <div class="entry-title"> <span class="post-num num-5">5</span> <a href="/life/5.html">iOS6.1.5固件下载及更新方法</a> </div> <div class="entry-meta"><span class="entry-views"><i class="fa fa-eye"></i> 1078 阅读</span></div> </div> </div> </div> </main> </div> </div> <aside id="secondary" class="sidebar"> <div class="widget widget_posts_thumbnail"> <div class="widget-title"><span>大家喜欢的文章</span></div> <ul> <li class="clear"> <a href="/life/76171.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0827/55b3efa0.jpg" alt="吃什么食物人易长寿 十种长寿食物"></div> </a> <div class="entry-wrap"><a href="/life/76171.html">吃什么食物人易长寿 十种长寿食物</a> <div class="entry-meta">2025-09-16 21:33</div> </div> </li> <li class="clear"> <a href="/life/71732.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0827/0905308f.jpg" alt="换新手机怎样一键搬家到新手机"></div> </a> <div class="entry-wrap"><a href="/life/71732.html">换新手机怎样一键搬家到新手机</a> <div class="entry-meta">2025-09-13 19:34</div> </div> </li> <li class="clear"> <a href="/life/72953.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0827/9ac8ff76.jpg" alt="英雄联盟lol寒冰射手艾希出装|lol寒冰怎么出装"></div> </a> <div class="entry-wrap"><a href="/life/72953.html">英雄联盟lol寒冰射手艾希出装|lol寒冰怎么出装</a> <div class="entry-meta">2025-09-14 15:54</div> </div> </li> <li class="clear"> <a href="/life/73197.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0827/df5a4a40.jpg" alt="同心之言,其臭如兰 臭是什么意思"></div> </a> <div class="entry-wrap"><a href="/life/73197.html">同心之言,其臭如兰 臭是什么意思</a> <div class="entry-meta">2025-09-14 19:58</div> </div> </li> <li class="clear"> <a href="/life/70092.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0827/8f6b37f5.jpg" alt="支付宝怎么进行身份证更新"></div> </a> <div class="entry-wrap"><a href="/life/70092.html">支付宝怎么进行身份证更新</a> <div class="entry-meta">2025-09-12 16:13</div> </div> </li> <li class="clear"> <a href="/life/70302.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0827/db29be6d.jpg" alt="欧美狂野男人流行发型"></div> </a> <div class="entry-wrap"><a href="/life/70302.html">欧美狂野男人流行发型</a> <div class="entry-meta">2025-09-12 19:44</div> </div> </li> <li class="clear"> <a href="/life/76559.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0827/53b847ef.jpg" alt="win10系统如何还原成win7系统"></div> </a> <div class="entry-wrap"><a href="/life/76559.html">win10系统如何还原成win7系统</a> <div class="entry-meta">2025-09-17 04:01</div> </div> </li> <li class="clear"> <a href="/life/5.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2024/0901/bc84fcc3.jpg" alt="iOS6.1.5固件下载及更新方法"></div> </a> <div class="entry-wrap"><a href="/life/5.html">iOS6.1.5固件下载及更新方法</a> <div class="entry-meta">2025-07-14 12:02</div> </div> </li> </ul> </div> <div class="widget widget_posts_thumbnail"> <div class="widget-title"><span>近期发布的文章</span></div> <ul> <li class="clear"> <a href="/life/130417.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0927/519ac0e8.jpg" alt="怎么看机票剩余票数"></div> </a> <div class="entry-wrap"><a href="/life/130417.html">怎么看机票剩余票数</a> <div class="entry-meta">2025-10-27 17:15</div> </div> </li> <li class="clear"> <a href="/life/130421.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0927/d3828417.jpg" alt="dnf罗莉安的心意"></div> </a> <div class="entry-wrap"><a href="/life/130421.html">dnf罗莉安的心意</a> <div class="entry-meta">2025-10-27 17:19</div> </div> </li> <li class="clear"> <a href="/life/130409.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0927/66d3bcf3.jpg" alt="YY通行证昵称怎样修改"></div> </a> <div class="entry-wrap"><a href="/life/130409.html">YY通行证昵称怎样修改</a> <div class="entry-meta">2025-10-27 17:07</div> </div> </li> <li class="clear"> <a href="/life/130407.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0927/e38ca83e.jpg" alt="产妇吃什么奶水会多"></div> </a> <div class="entry-wrap"><a href="/life/130407.html">产妇吃什么奶水会多</a> <div class="entry-meta">2025-10-27 17:05</div> </div> </li> <li class="clear"> <a href="/life/130406.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0927/165e1da8.jpg" alt="魔兽世界索罗夫的宝藏怎么做"></div> </a> <div class="entry-wrap"><a href="/life/130406.html">魔兽世界索罗夫的宝藏怎么做</a> <div class="entry-meta">2025-10-27 17:03</div> </div> </li> <li class="clear"> <a href="/life/130402.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0927/8b41192b.jpg" alt="手机百度怎么开启深色模式"></div> </a> <div class="entry-wrap"><a href="/life/130402.html">手机百度怎么开启深色模式</a> <div class="entry-meta">2025-10-27 17:00</div> </div> </li> <li class="clear"> <a href="/life/130393.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0927/532277c1.jpg" alt="超越巅峰称号怎么获得"></div> </a> <div class="entry-wrap"><a href="/life/130393.html">超越巅峰称号怎么获得</a> <div class="entry-meta">2025-10-27 16:50</div> </div> </li> <li class="clear"> <a href="/life/130392.html"> <div class="thumbnail-wrap"><img src="/upload/jingyan/2025/0927/b30bee8d.jpg" alt="怎么给qq好友赠送礼物"></div> </a> <div class="entry-wrap"><a href="/life/130392.html">怎么给qq好友赠送礼物</a> <div class="entry-meta">2025-10-27 16:50</div> </div> </li> </ul> </div> </aside> </div> <footer id="colophon" class="site-footer"> <div id="site-bottom" class="clear"> <div class="container"> <div class="site-info"><a href="/sitemap.xml">网站地图</a> - <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备2025090153号-6</a> - 联系邮箱：1465333496@qq.com </div> </div> </div> </footer> </div> <div id="back-top" style="display: none;"> <a href="#top" title="返回顶部"><span class="genericon genericon-collapse"></span></a> </div> <script>(function ($) { $(document).ready(function () { "use strict"; $('#primary-menu').slicknav({ prependTo: '#slick-mobile-menu', allowParentLinks: true, label: '导航' }); }); })(jQuery);</script> <script defer="" src="/themes/simpleboot3/static/js/autoptimize.js"></script> </body> </html>