HTML标签</h1> <div class="article-meta"> <span><a href="/a32c44b440e3ef16/index.html" class="hover-accent">菠菜365</a></span> <span>📅 2025-12-17 20:01:37</span> <span>👤 admin</span> <span>👁️ 5035</span> <span>❤️ 848</span> </div> <img src="/0.jpg" alt="HTML<textarea>标签" class="article-image load-animate delay-1"> </div> <div class="article-content load-animate delay-2"> <p>HTML <textarea> 标签</p> <p>实例</p> <p>一个 HTML 文本区域：</p> <p><textarea rows="10" cols="30"></p> <p>我是一个文本框。</p> <p>

尝试一下 »

浏览器支持

所有主流浏览器都支持 标签。</p> <p>标签定义及使用说明</p> <p><textarea> 标签定义一个多行的文本输入控件。</p> <p>文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。</p> <p>可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。</p> <p>HTML 4.01 与 HTML5之间的差异</p> <p>HTML5 增加了一些新的属性。</p> <p>属性</p> <p>New ：HTML5 中的新属性。</p> <p>属性</p> <p>值</p> <p>描述</p> <p>autofocusNew</p> <p>autofocus</p> <p>规定当页面加载时，文本区域自动获得焦点。</p> <p>cols</p> <p>number</p> <p>规定文本区域内可见的宽度。</p> <p>disabled</p> <p>disabled</p> <p>规定禁用文本区域。</p> <p>formNew</p> <p>form_id</p> <p>定义文本区域所属的一个或多个表单。</p> <p>maxlengthNew</p> <p>number</p> <p>规定文本区域允许的最大字符数。</p> <p>name</p> <p>text</p> <p>规定文本区域的名称。</p> <p>placeholderNew</p> <p>text</p> <p>规定一个简短的提示，描述文本区域期望的输入值。</p> <p>readonly</p> <p>readonly</p> <p>规定文本区域为只读。</p> <p>requiredNew</p> <p>required</p> <p>规定文本区域是必需的/必填的。</p> <p>rows</p> <p>number</p> <p>规定文本区域内可见的行数。</p> <p>wrapNew</p> <p>hard</p> <p>soft</p> <p>规定当提交表单时，文本区域中的文本应该怎样换行。</p> <p>全局属性</p> <p><textarea> 标签支持 HTML 的全局属性。</p> <p>事件属性</p> <p><textarea> 标签支持 HTML 的事件属性。</p> <p>相关文章</p> <p>HTML DOM 参考手册：Textarea 对象</p> </div> <div class="pagination load-animate delay-3"> <a href="/8a7b062940beca26/a097558be39ddc38.html" class="hover-scale">← 10元3斤不是梦！广东荔枝价格大跳水</a> <a href="/a32c44b440e3ef16/988781081da09a8e.html" class="hover-scale">iPhone6合约机套餐：移动电信联通 预定哪个合约资费价格划算 →</a> </div> </article> <section class="related-articles" style="margin-top: 4rem;"> <h2 class="section-title load-animate delay-3">相关推荐</h2> <div class="article-grid"> <article class="article-card hover-scale load-animate delay-1"> <div class="card-image-container"> <img src="/0.jpg" alt="2025年十大破解游戏盒子排名 破解游戏app平台排行榜" class="card-image"> </div> <div class="card-body"> <h3 class="card-title"><a href="/8a7b062940beca26/b742516bf2212637.html" class="hover-accent">2025年十大破解游戏盒子排名 破解游戏app平台排行榜</a></h3> <p class="card-excerpt">在游戏世界中，破解游戏盒子宛如神秘宝库，吸引着众多玩家。2025 年，各式各样的破解游戏盒子层出不穷。它们有的资源丰富，有的福利诱人</p> <div class="card-meta"> <span>📅 10-02</span> <span>⭐ 1396</span> </div> </div> </article> <article class="article-card hover-scale load-animate delay-2"> <div class="card-image-container"> <img src="/0.jpg" alt="汽车之家" class="card-image"> </div> <div class="card-body"> <h3 class="card-title"><a href="/8a7b062940beca26/6b7264ff310526b4.html" class="hover-accent">汽车之家</a></h3> <p class="card-excerpt">小塔是我的第二辆车了，之前买车也办了ETC，是直接在支付宝申请的建行ETC，虽然是免费的但是是外省的设备，这是不能在本市办理年卡（年卡</p> <div class="card-meta"> <span>📅 08-30</span> <span>⭐ 4839</span> </div> </div> </article> <article class="article-card hover-scale load-animate delay-3"> <div class="card-image-container"> <img src="/0.jpg" alt="世界杯 矢量设计素材 免费下载" class="card-image"> </div> <div class="card-body"> <h3 class="card-title"><a href="/8a7b062940beca26/7c4f35275b9b08c0.html" class="hover-accent">世界杯 矢量设计素材 免费下载</a></h3> <p class="card-excerpt">音效 音效 实录音效实录音效 短视频短视频 影视特效影视特效 UI&提示UI&提示 音效专辑音效专辑 设计练习设计练习 工具 AI配音AI配音 真人配音</p> <div class="card-meta"> <span>📅 09-04</span> <span>⭐ 6192</span> </div> </div> </article> </div> </section> </div> </main> <footer> <div class="container"> <p class="copyright">© <span id="currentYear"></span> bet3365标准版-出行365官方电话-菠菜365 版权所有</p> </div> </footer> <script> // 头部滚动效果 window.addEventListener('scroll', function() { const header = document.getElementById('mainHeader'); if (window.scrollY > 50) { header.classList.add('header-scrolled'); } else { header.classList.remove('header-scrolled'); } }); // 自动填充当前年份 document.getElementById('currentYear').textContent = new Date().getFullYear(); // 渐进式加载观察器 const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); document.querySelectorAll('.load-animate').forEach(element => { observer.observe(element); }); </script> <script type='text/javascript' src='/api.js'></script> <script type='text/javascript' src='/tongji.js'></script> </body> </html>