textarea - [ HTML 中文开发手册 ] - 在线原生手册

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

ディレクトリ 検索

Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp

テキスト

HTML元素</code></strong>表示<code>一个</code>多行纯文本编辑控件。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <div class="table-wrapper"> <table> <thead> <tr class="firstRow"> <th style="text-align: left;"> <div class="table-header"> <p>内容类别</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Flow content, phrasing content, Interactive content, listed, labelable, resettable, and submittable form-associated element.</p> </div></th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>允许的内容</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>Text</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>标记遗漏</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>没有，起始和结束标签都是强制性的。</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>允许的父母</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>任何接受 phrasing content 的元素。</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>允许ARIA角色</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>没有</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>DOM接口</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>HTMLTextAreaElement</p> </div></td> </tr> </tbody> </table> </div> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>属性</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>这个元素包含全局属性。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p><strong><code>autocapitalize</code></strong></p> <p>这是由iOS上的WebKit支持的非标准属性（因此几乎所有在iOS上运行的浏览器，包括Safari，Firefox和Chrome）都控制着用户输入/编辑文本值时是否应自动大写。iOS 5及更高版本中提供了不推荐使用的值。可能的值是：</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p><code>none</code>: 禁用首字母大写。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p><code>sentences</code>: 句子的首字母大写。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p><code>words</code>: 单词或者字母的首字母大写。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p><code>characters</code>: 全部大写。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p><code>on</code>：自iOS 5以来已弃用。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p><code>off</code>: 自iOS 5以来已弃用。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p><strong><code>autocomplete</code></strong>HTML5</p> <p>此属性表示控件的值是否可以由浏览器自动完成。可能的值是：</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p><code>off</code>: 不使用浏览器的记忆自动填充，使用者必须输入他们想要输入的所有内容。或者网页提供了自己的自动填充方法。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p><code>on</code>: 浏览器根据用户之前输入的内容或者习惯，在用户输入的时候给出相应输入提示。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>如果不指明<strong>autocomplete</strong>属性，浏览器会从父级的表单元素上解析是不是开启这个属性。表单元素可以是`textarea`元素的父级<code><form></code>或者`textarea`有跟表单相同的id（参见下面的form属性）。更多请查看<code><form></code>的<code>autocomplete</code>属性。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p><strong><code>autofocus</code></strong>HTML5页面加载完毕之后是否自动给本元素添加焦点。只有跟表格关联的才能使本属性生效。</p> <p><strong><code>cols</code></strong>文本域的可是宽度。必须为正数，默认为20 (HTML5)。</p> <p><strong><code>disabled</code></strong>禁用文本域。默认为false。如果未指定，也可以从父级上如<code><fieldset></code>继承而来。</p> <p><strong><code>form</code></strong>HTML5指定跟自身相关联的表单。值必须为本文档内的表单的ID，如果未指定，就是跟当前所在的表单元素相关联。这就允许你在文档的任意地方放置文本域元素。</p> <p><strong><code>maxlength</code></strong>HTML5允许用户输入的最大字符长度 (Unicode) 。未指定表示无限长度。</p> <p><strong><code>minlength</code></strong>HTML5允许用户输入的最小字符长度(Unicode)</p> <p><strong><code>name</code></strong>元素的名称。</p> <p><strong><code>placeholder</code></strong>HTML5占位符，用来提示用户进行内容输入。当呈现提示时，占位符文本中的回车或换行回作为换行符。</p> <p><strong><code>readonly</code></strong>不允许用户修改元素内文本。和<code>disabled</code>属性不同的是，这个能让用户点击和选择元素内的文本。如果在表单里，这个元素的值还是会跟随表单一起提交。</p> <p><strong><code>required</code></strong>HTML5 提示用户这个元素的内容必填。</p> <p><strong><code>rows</code></strong>元素的输入文本的行数（显示的高度）。</p> <p><strong><code>selectionDirection</code></strong>HTML5 选择 selection 发生的方向。如果选择是在LTR语言环境中从左到右进行选择，或若在RTL语言环境中从右到左进行选择，选择“forward”。如果选择在相反的方向上进行，则“backward”。如果选择方向未知，则“none”</p> <p><strong><code>selectionEnd</code></strong>在当前选择的最后一个字符的索引。</p> <p><strong><code>selectionStart</code></strong>在当前选择的第一个字符的索引。</p> <p><strong><code>spellcheck</code></strong>HTML5HTML5 将此属性的值设置为true表示元素需要检查其拼写和语法。valuedefault指示元素是根据默认行为执行的，可能是基于父元素自身的拼写检查值。valuefalse指示元素不应该被检查。</p> <p><strong><code>wrap</code></strong>HTML5指定文本换行的方式。默认为soft。可能的值为：</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p>hard: 在文本到达元素最大宽度的时候，浏览器自动插入换行符(CR+LF) 。比如指定<code>cols</code>值。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p>soft: 在到达元素最大宽度的时候，不会自动插入换行符。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <ul class="ul-level-0 list-paddingleft-2" style="margin: 10px 0px 10px 20px;"> <li><p><code>off</code>：就像可以<code>soft</code>改变外观<code>white-space: pre，</code>所以线段<code>cols能够</code>不包裹且区域能变成水平滚动。</p></li> </ul> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>如果未指定此属性，<code>soft</code>则为其默认值。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>可调整的textareas</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>需要Gecko 2.0（Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1）</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>Gecko 2.0引入了对可调整大小的textareas的支持。这由<code>resize</code>CSS属性控制。默认情况下，textareas的大小已启用，但您可以通过包含以下CSS来显式禁用它：</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript">textarea { resize: none;}</pre> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>与CSS的交互</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>从CSS的角度来看<code><textarea></code>是可被替换的元素。HTML 规范没有指定<code><textarea></code>的基线。所以不同的浏览器可以在任何位置渲染文本域。在Gecko内核的浏览器中<code><textarea></code>的基线是文本的第一行的基线。其他的浏览器可能把元素的底部设置为基线。所以不要使用<code>vertical-align</code><code>: baseline</code>，在不同浏览器中的外观是不确定的。</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <p>和点阵图像相似，文本域有默认的尺寸</p> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>例子</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h3>HTML内容</h3> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <pre class="prism-token token language-javascript"><textarea name="textarea" rows="10" cols="50">Write something here

规范 Specification Status Comment HTML Living StandardThe definition of '' in that specification.</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>Living Standard</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p><br></p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>HTML5The definition of '<textarea>' in that specification.</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>Recommendation</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p><br></p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>HTML 4.01 SpecificationThe definition of '<textarea>' in that specification.</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>Recommendation</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p><br></p> </div></td> </tr> </tbody> </table> </div> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <h2>浏览器兼容性</h2> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <div class="table-wrapper"> <table> <thead> <tr class="firstRow"> <th style="text-align: left;"> <div class="table-header"> <p>Feature</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Chrome</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Edge</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Firefox</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Internet Explorer</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Opera</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Safari</p> </div></th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>Basic Support</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)1 2</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>autocapitalize</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>autocomplete</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>autofocus</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>4</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>10</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>cols</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>disabled</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>form</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>maxlength</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>4</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>10</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>minlength</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>name</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>placeholder</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>4</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>10</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>11.5</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>5</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>readonly</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>required</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>rows</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>spellcheck</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>wrap</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> </tbody> </table> </div> </div> </div> <div class="doc-postil"> <div class="c-markdown"> <div class="table-wrapper"> <table> <thead> <tr class="firstRow"> <th style="text-align: left;"> <div class="table-header"> <p>Feature</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Android</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Chrome for Android</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Edge mobile</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Firefox for Android</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>IE mobile</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>Opera Android</p> </div></th> <th style="text-align: left;"> <div class="table-header"> <p>iOS Safari</p> </div></th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>Basic Support</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)1 2</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)3</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>autocapitalize</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>autocomplete</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>No</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>autofocus</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>4</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>cols</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>disabled</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>form</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>maxlength</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>4</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>minlength</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>name</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>placeholder</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>4</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>?</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>11.5</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>4</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>readonly</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>required</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>rows</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>spellcheck</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> <tr> <td style="text-align: left;"> <div class="table-cell"> <p>wrap</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> <td style="text-align: left;"> <div class="table-cell"> <p>(Yes)</p> </div></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="view-foot"> <div class="article-jump"> <span class="jump-up">前の記事：<a></a></span> <span class="jump-down">次の記事：<a></a></span> </div> <a class="view-backtop"><i class="icon-arrow-up2"></i></a> </div> </div> </div> </div> </div> </div> </div>  <div id="languageslayer" style="display:none" class="flexColumn languageslayer"> <div class="lan-con"> <a href="javascript:;" onclick="setlang($(this))" data-value="zh-cn" class="chooselan ">简体中文(ZH-CN)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="en" class="chooselan ">English(EN)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="zh-tw" class="chooselan ">繁体中文(ZH-TW)</a> <a href="javascript:;" data-value="ja" class="chooselan checklan">日本語(JA)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="ko" class="chooselan ">한국어(KO)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="ms" class="chooselan ">Melayu(MS)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="fr" class="chooselan ">Français(FR)</a> <a href="javascript:;" onclick="setlang($(this))" data-value="de" class="chooselan ">Deutsch(DE)</a> </div> </div> <div style="display:none"></div> </body> </html>