HTML 标签 - HTML - 菜鸟学堂-脚本之家

← HTML

标签</a> 
     <a href="http://edu.jb51.net/tag/tag-tfoot.html" class="next" title="HTML <textarea> 标签">HTML <textarea> 标签 →</a>  </div>
</div>        <div class="contentDiv">
            <h1>HTML <span><textarea></span> 标签</h1>
<div class="showCodeDiv">
<h2>实例</h2>
<p>一个 HTML 文本区域：</p>
<pre class="brush:xhtml; gutter:false">
<textarea rows="10" cols="30">
我是一个文本框。 
</textarea></pre>
<a class="trybtn" data-isurl="url" href="http://run.jb51.net/try/?name=tryhtml_textarea" target="_blank">尝试一下 »</a></div>
<hr />
<h2>浏览器支持</h2>
<p><img alt="Internet Explorer" height="30" src="/statics/skin/images/compatible_ie.gif" style="border: 0px; margin: 0px; padding: 0px; max-width: 100%; height: auto;" title="Internet Explorer" width="31" /><img alt="Firefox" height="30" src="/statics/skin/images/compatible_firefox.gif" style="border: 0px; margin: 0px; padding: 0px; max-width: 100%; height: auto;" title="Firefox" width="31" /><img alt="Opera" height="30" src="/statics/skin/images/compatible_opera.gif" style="border: 0px; margin: 0px; padding: 0px; max-width: 100%; height: auto;" title="Opera" width="28" /><img alt="Google Chrome" height="30" src="/statics/skin/images/compatible_chrome.gif" style="border: 0px; margin: 0px; padding: 0px; max-width: 100%; height: auto;" title="Google Chrome" width="31" /><img alt="Safari" height="30" src="/statics/skin/images/compatible_safari.gif" style="border: 0px; margin: 0px; padding: 0px; max-width: 100%; height: auto;" title="Safari" width="28" /></p>
<p>所有主流浏览器都支持 <textarea> 标签。</p>
<hr />
<h2>标签定义及使用说明</h2>
<p><textarea> 标签定义一个多行的文本输入控件。</p>
<p>文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。</p>
<p>可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。</p>
<hr />
<h2>HTML 4.01 与 HTML5之间的差异</h2>
<p>HTML5 增加了一些新的属性。</p>
<hr />
<h2>属性</h2>
<p><span class="new" style="float: left;">New</span>：HTML5 中的新属性。</p>
<table>
<tbody>
	<tr>
	<th align="left" width="20%">
		属性</th>
	<th align="left" width="20%">
		值</th>
	<th align="left" width="60%">
		描述</th>
	</tr>
	<tr>
	<td><a href="/tag/tag-textarea-autofocus.html" target="_blank">autofocus</a><span class="new">New</span></td>
	<td>autofocus</td>
	<td>规定当页面加载时，文本区域自动获得焦点。</td>
	</tr>
	<tr>
	<td><a href="/tag/tag-textarea-cols.html" target="_blank">cols</a></td>
	<td><i>number</i></td>
	<td>规定文本区域内可见的列数。</td>
	</tr>
	<tr>
	<td><a href="/tag/tag-textarea-disabled.html" target="_blank">disabled</a></td>
	<td>disabled</td>
	<td>规定禁用文本区域。</td>
	</tr>
	<tr>
	<td><a href="/tag/tag-textarea-form.html" target="_blank">form</a><span class="new">New</span></td>
	<td><i>form_id</i></td>
	<td>定义文本区域所属的一个或多个表单。</td>
	</tr>
	<tr>
	<td><a href="/tag/tag-textarea-maxlength.html" target="_blank">maxlength</a><span class="new">New</span></td>
	<td><i>number</i></td>
	<td>规定文本区域允许的最大字符数。</td>
	</tr>
	<tr>
	<td><a href="/tag/tag-textarea-name.html" target="_blank">name</a></td>
	<td><i>text</i></td>
	<td>规定文本区域的名称。</td>
	</tr>
	<tr>
	<td><a href="/tag/tag-textarea-placeholder.html" target="_blank">placeholder</a><span class="new">New</span></td>
	<td><i>text</i></td>
	<td>规定一个简短的提示，描述文本区域期望的输入值。</td>
	</tr>
	<tr>
	<td><a href="/tag/tag-textarea-readonly.html" target="_blank">readonly</a></td>
	<td>readonly</td>
	<td>规定文本区域为只读。</td>
	</tr>
	<tr>
	<td><a href="/tag/tag-textarea-required.html" target="_blank">required</a><span class="new">New</span></td>
	<td>required</td>
	<td>规定文本区域是必需的/必填的。</td>
	</tr>
	<tr>
	<td><a href="/tag/tag-textarea-rows.html" target="_blank">rows</a></td>
	<td><i>number</i></td>
	<td>规定文本区域内可见的行数。</td>
	</tr>
	<tr>
	<td><a href="/tag/tag-textarea-wrap.html" target="_blank">wrap</a><span class="new">New</span></td>
	<td>hard<br />
	soft</td>
	<td>规定当提交表单时，文本区域中的文本应该怎样换行。</td>
	</tr>
</tbody>
</table>
<hr />
<h2>全局属性</h2>
<p><textarea> 标签支持 <a href="/tag/tag-standardattributes.html" target="_blank">HTML 的全局属性</a>。</p>
<hr />
<h2>事件属性</h2>
<p><textarea> 标签支持 <a href="/tag/tag-eventattributes.html" target="_blank">HTML 的事件属性</a>。</p>
<hr />
<h2>相关文章</h2>
<p>HTML DOM 参考手册：<a href="/jsref/jsref-obj-textarea.html" target="_blank">Textarea 对象</a></p>
        </div>
        <div class="pagenext_b">
  <div class="pagenext"> <a href="http://edu.jb51.net/tag/tag-td.html" class="previous" title="HTML <textarea> 标签">← HTML <textarea> 标签</a> 
     <a href="http://edu.jb51.net/tag/tag-tfoot.html" class="next" title="HTML <textarea> 标签">HTML <textarea> 标签 →</a>  </div>
</div>    </div>
    <div class="last right-column" id="sidebar">
    <div class="sidebar-box">
    <div id="course">
      <h2>分类导航</h2>
    </div>
    <ul class="nav1">
      <li class="li1"> <a href="javascript:void(0);">最新推荐</a>
        <ul class="nav2">
                		
          <li><a href="http://edu.jb51.net/ruby/ruby-decision.html" title="Ruby 判断">Ruby 判断</a></li>
          	                 </ul>
      </li>
            <li class="li1"> <a href="javascript:;">HTML / CSS</a>
      	                        <ul class="nav2">
                          <li><a href="https://edu.jb51.net/html/html-tutorial.html" title="HTML 教程">HTML 教程</a></li>
                           <li><a href="https://edu.jb51.net/html/html5-tutorial.html" title="HTML5 教程">HTML5 教程</a></li>
                           <li><a href="https://edu.jb51.net/css/css-tutorial.html" title="CSS 教程">CSS 教程</a></li>
                           <li><a href="https://edu.jb51.net/css3/css3-tutorial.html" title="CSS3 教程">CSS3 教程</a></li>
                           <li><a href="https://edu.jb51.net/bootstrap/bootstrap-tutorial.html" title="Bootstrap 教程">Bootstrap 教程</a></li>
                                         </ul>
              </li>
	       <li class="li1"> <a href="javascript:;">JavaScript</a>
      	                        <ul class="nav2">
                          <li><a href="https://edu.jb51.net/js/js-tutorial.html" title="JavaScript 教程">JavaScript 教程</a></li>
                           <li><a href="https://edu.jb51.net/htmldom/htmldom-tutorial.html" title="HTML DOM 教程">HTML DOM 教程</a></li>
                           <li><a href="https://edu.jb51.net/jquery/jquery-tutorial.html" title="jQuery 教程">jQuery 教程</a></li>
                           <li><a href="https://edu.jb51.net/angularjs/angularjs-tutorial.html" title="AngularJS 教程">AngularJS 教程</a></li>
                           <li><a href="https://edu.jb51.net/angularjs2/angularjs2-tutorial.html" title="AngularJS2 教程">AngularJS2 教程</a></li>
                           <li><a href="https://edu.jb51.net/react/react-tutorial.html" title="React 教程">React 教程</a></li>
                           <li><a href="https://edu.jb51.net/jqueryui/jqueryui-tutorial.html" title="jQuery UI 教程">jQuery UI 教程</a></li>
                           <li><a href="https://edu.jb51.net/jeasyui/jeasyui-tutorial.html" title="jQuery EasyUI 教程">jQuery EasyUI 教程</a></li>
                           <li><a href="https://edu.jb51.net/nodejs/nodejs-tutorial.html" title="Node.js 教程">Node.js 教程</a></li>
                           <li><a href="https://edu.jb51.net/ajax/ajax-tutorial.html" title="AJAX 教程">AJAX 教程</a></li>
                           <li><a href="https://edu.jb51.net/json/json-tutorial.html" title="JSON 教程">JSON 教程</a></li>
                           <li><a href="https://edu.jb51.net/highcharts/highcharts-tutorial.html" title="Highcharts 教程">Highcharts 教程</a></li>
                           <li><a href="https://edu.jb51.net/googleapi/googleapi-tutorial.html" title="Google 地图 教程">Google 地图 教程</a></li>
                           <li><a href="http://edu.jb51.net/vue2/vue2-tutorial.html" title="Vue.js 教程">Vue.js 教程</a></li>
                 </ul>
              </li>
	       <li class="li1"> <a href="javascript:;">服务端</a>
      	                        <ul class="nav2">
                          <li><a href="https://edu.jb51.net/php/php-tutorial.html" title="PHP 教程">PHP 教程</a></li>
                           <li><a href="https://edu.jb51.net/python/python-tutorial.html" title="Python 教程">Python 教程</a></li>
                                           <li><a href="https://edu.jb51.net/linux/linux-tutorial.html" title="Linux 教程">Linux 教程</a></li>
                           <li><a href="https://edu.jb51.net/docker/docker-tutorial.html" title="Docker 教程">Docker 教程</a></li>
                           <li><a href="https://edu.jb51.net/ruby/ruby-tutorial.html" title="Ruby 教程">Ruby 教程</a></li>
                           <li><a href="https://edu.jb51.net/java/java-tutorial.html" title="Java 教程">Java 教程</a></li>
                           <li><a href="https://edu.jb51.net/c/c-tutorial.html" title="C 教程">C 教程</a></li>
                           <li><a href="https://edu.jb51.net/cplusplus/cplusplus-tutorial.html" title="C++ 教程">C++ 教程</a></li>
                                           <li><a href="https://edu.jb51.net/jsp/jsp-tutorial.html" title="JSP 教程">JSP 教程</a></li>
                                           <li><a href="https://edu.jb51.net/go/go-tutorial.html" title="Go 教程">Go 教程</a></li>
                           <li><a href="https://edu.jb51.net/design-pattern/design-pattern-tutorial.html" title="设计模式 教程">设计模式 教程</a></li>
                           <li><a href="https://edu.jb51.net/regexp/regexp-tutorial.html" title="正则表达式 教程">正则表达式 教程</a></li>
                                                 </ul>
              </li>
	       <li class="li1"> <a href="javascript:;">数据库</a>
      	                        <ul class="nav2">
                          <li><a href="https://edu.jb51.net/sql/sql-tutorial.html" title="SQL 教程">SQL 教程</a></li>
                           <li><a href="https://edu.jb51.net/mysql/mysql-tutorial.html" title="Mysql 教程">Mysql 教程</a></li>
                           <li><a href="https://edu.jb51.net/sqlite/sqlite-tutorial.html" title="SQLite 教程">SQLite 教程</a></li>
                           <li><a href="https://edu.jb51.net/mongodb/mongodb-tutorial.html" title="MongoDB 教程">MongoDB 教程</a></li>
                           <li><a href="https://edu.jb51.net/redis/redis-tutorial.html" title="Redis 教程">Redis 教程</a></li>
                           <li><a href="https://edu.jb51.net/memcached/memcached-tutorial.html" title="Memcached 教程">Memcached 教程</a></li>
                 </ul>
              </li>
	       <li class="li1"> <a href="javascript:;">ASP.NET</a>
      	                        <ul class="nav2">
                          <li><a href="https://edu.jb51.net/aspnet/aspnet-tutorial.html" title="ASP.NET 教程">ASP.NET 教程</a></li>
                           <li><a href="https://edu.jb51.net/csharp/csharp-tutorial.html" title="C# 教程">C# 教程</a></li>
                           <li><a href="https://edu.jb51.net/aspnet/webpage-intro.html" title="Web Pages 教程">Web Pages 教程</a></li>
                           <li><a href="https://edu.jb51.net/aspnet/razor-tutorial.html" title="Razor 教程">Razor 教程</a></li>
                           <li><a href="https://edu.jb51.net/aspnet/mvc-tutorial.html" title="MVC 教程">MVC 教程</a></li>
                           <li><a href="https://edu.jb51.net/aspnet/aspnet-intros.html" title="Web Forms 教程">Web Forms 教程</a></li>
                 </ul>
              </li>
	     </ul>
  </div>
</div>  </div>
</div>
<script language="javascript" type="application/javascript" src="//edu.jb51.net/statics/skin/js/hcode.js"></script>
<div style=" clear:both"></div>
<div id="footer">
	<div class="row">
      <div class="footItemDiv">
        <p>在线实例</p>
        <ul>
                  	          <li>· <a href="http://edu.jb51.net/ajax/ajax-examples.html" title="AJAX 实例"  target="_blank">AJAX 实例</a></li>
                    <li>· <a href="http://edu.jb51.net/html/html-examples.html" title="HTML 实例"  target="_blank">HTML 实例</a></li>
                    <li>· <a href="http://edu.jb51.net/js/js-examples.html" title="JavaScript 实例"  target="_blank">JavaScript 实例</a></li>
                           </ul>
      </div>
      <div class="footItemDiv">
        <p>字符集 & 工具</p>
        <ul>
        	          <li>· <a href="http://edu.jb51.net/charsets/charsets-charsets.html" title="HTML 字符集" target="_blank">HTML 字符集</a></li>
                    <li>· <a href="http://edu.jb51.net/tag/tag-symbols.html" title="HTML 符号实体" target="_blank">HTML 符号实体</a></li>
                    <li>· <a href="http://edu.jb51.net/tag/tag-entities.html" title="HTML ISO-8859-1" target="_blank">HTML ISO-8859-1</a></li>
                    <li>· <a href="http://edu.jb51.net/tag/tag-ascii.html" title="HTML ASCII字符集" target="_blank">HTML ASCII字符集</a></li>
                    <li>· <a href="http://edu.jb51.net/tag/tag-colorpicker.html" title="HTML 拾色器" target="_blank">HTML 拾色器</a></li>
                           </ul>
      </div>
      <div class="footItemDiv">
        <p>最新更新</p>
        <ul>
                	            	<li>· <a title="jQuery Prettydate"  href="http://edu.jb51.net/jquery/jquery-plugin-prettydate.html"  target="_blank">jQuery Prettydate</a></li>
                        	<li>· <a title="jQuery 效果 方法"  href="http://edu.jb51.net/jquery/jquery-ref-effects.html"  target="_blank">jQuery 效果 方法</a></li>
                        	<li>· <a title="jQuery 事件"  href="http://edu.jb51.net/jquery/jquery-events.html"  target="_blank">jQuery 事件</a></li>
                        	<li>· <a title="jQuery 选择器"  href="http://edu.jb51.net/jquery/jquery-selectors.html"  target="_blank">jQuery 选择器</a></li>
                        	<li>· <a title="jQuery 语法"  href="http://edu.jb51.net/jquery/jquery-syntax.html"  target="_blank">jQuery 语法</a></li>
                        	<li>· <a title="jQuery 安装"  href="http://edu.jb51.net/jquery/jquery-install.html"  target="_blank">jQuery 安装</a></li>
                        	<li>· <a title="jQuery 简介"  href="http://edu.jb51.net/jquery/jquery-intro.html"  target="_blank">jQuery 简介</a></li>
                            </ul>
      </div>
      <div class="footItemDiv">
        <p>站点信息</p>
        <ul>
                	            	<li>· <a title="关于我们"  href="https://edu.jb51.net/aboutus/"  target="_blank">关于我们</a></li>
                        	<li>· <a title="免责声明"  href="https://edu.jb51.net/disclaimer/"  target="_blank">免责声明</a></li>
                        	<li>· <a title="站点地图"  href="https://edu.jb51.net/sitemap/"  target="_blank">站点地图</a></li>
                        	<li>· <a title="程序员学习路线图"  href="https://edu.jb51.net/coder-learn-path/"  target="_blank">程序员学习路线图</a></li>
                        	<li>· <a title="打开CHM文档空白解决办法"  href="https://edu.jb51.net/chmproblem/"  target="_blank">打开CHM文档空白解决办法</a></li>
                            </ul>
      </div>
      <div class="footItemDiv">
        <p>关注我们</p>
        <img class="img-responsive center-block" src="//edu.jb51.net/statics/skin/images/2coder.jpg" alt=""> </div>
    </div>
</div>
<script src="//edu.jb51.net/statics/skin/js/funjs.js"></script>
<script src="//edu.jb51.net/statics/skin/js/bootstrap.min.js"></script>
<script type="text/javascript">
 var tougao = "1";
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<script src="//edu.jb51.net/statics/skin/js/baidumoney.js"></script>
<script src="//edu.jb51.net/statics/skin/js/tongji.js"></script>
</body>
</html>