diff options
Diffstat (limited to 'files/zh-cn/web/html/element/fieldset/index.html')
| -rw-r--r-- | files/zh-cn/web/html/element/fieldset/index.html | 43 |
1 files changed, 9 insertions, 34 deletions
diff --git a/files/zh-cn/web/html/element/fieldset/index.html b/files/zh-cn/web/html/element/fieldset/index.html index 4128676e36..3da899a141 100644 --- a/files/zh-cn/web/html/element/fieldset/index.html +++ b/files/zh-cn/web/html/element/fieldset/index.html @@ -51,13 +51,13 @@ translation_of: Web/HTML/Element/fieldset <p><strong>注意：</strong>截至这篇文章发出为止，Microsoft Edge 和 Google Chrome 不能在 {{HTMLElement("fieldset")}} 中使用 <a href="https://wiki.developer.mozilla.org/en-US/docs/Glossary/Flexbox">flexbox</a> 和 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout">grid </a>布局。<a href="https://github.com/w3c/csswg-drafts/issues/321">这个 GitHub issue</a> 跟踪了这个bug。</p> </div> -<h2 id="示例">示例</h2> +<h2 id="Examples">示例</h2> -<h3 id="简单的_fieldset">简单的 fieldset</h3> +<h3 id="Simple_fieldset">简单的 fieldset</h3> <p>这个例子展示了一个非常简单的 <code><fieldset></code>，其中有一个 <code><legend> </code>和一个简单的控件。</p> -<pre><form action="#"> +<pre class="brush: html"><form action="#"> <fieldset> <legend>Simple fieldset</legend> <input type="radio" id="radio"> @@ -65,13 +65,13 @@ translation_of: Web/HTML/Element/fieldset </fieldset> </form></pre> -<p><iframe class="live-sample-frame sample-code-frame" frameborder="0" height="80" id="frame_Simple_fieldset" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/fieldset$samples/Simple_fieldset?revision=1625975" width="100%"></iframe></p> +<p>{{ EmbedLiveSample('Simple_fieldset', '100%', '80') }}</p> -<h3 id="禁用_fieldset">禁用 fieldset</h3> +<h3 id="Disabled_fieldset">禁用 fieldset</h3> <p>这个例子展示了一个被禁用的 <code><fieldset></code> ，其中有两个控件。注意随着 <code><fieldset></code> 被一起禁用的控件如何表现。</p> -<pre><form action="#"> +<pre class="brush: html"><form action="#"> <fieldset disabled> <legend>Disabled fieldset</legend> <div> @@ -85,7 +85,7 @@ translation_of: Web/HTML/Element/fieldset </fieldset> </form></pre> -<p><iframe class="live-sample-frame sample-code-frame" frameborder="0" height="110" id="frame_Disabled_fieldset" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/fieldset$samples/Disabled_fieldset?revision=1625975" width="100%"></iframe></p> +<p>{{ EmbedLiveSample('Disabled_fieldset', '100%', '110') }}</p> <h2 id="技术概览">技术概览</h2> @@ -126,36 +126,11 @@ translation_of: Web/HTML/Element/fieldset <h2 id="规范">规范</h2> -<table class="standard-table"> - <thead> - <tr> - <th scope="col">规范</th> - <th scope="col">状态</th> - <th scope="col">注释</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', 'forms.html#the-fieldset-element', '<fieldset>')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>Definition of the <code>fieldset</code> element</td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C', 'forms.html#the-fieldset-element', '<fieldset>')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.10', '<fieldset>')}}</td> - <td>{{Spec2('HTML4.01')}}</td> - <td>Initial definition</td> - </tr> - </tbody> -</table> +<p>{{Specifications}}</p> <h2 id="浏览器兼容性">浏览器兼容性</h2> -<p>{{Compat("html.elements.fieldset")}}</p> +<p>{{Compat}}</p> <p>[1] 在 IE11 中 disabled 的 fieldset 的子元素并不会全都被 disabled; 相关 Issues: <a href="https://connect.microsoft.com/IE/feedbackdetail/view/817488">IE bug 817488: <code>input[type="file"]</code> not disabled inside disabled <code>fieldset</code></a> and <a href="https://connect.microsoft.com/IE/feedbackdetail/view/962368/can-still-edit-input-type-text-within-fieldset-disabled">IE bug 962368: Can still edit <code>input[type="text"]</code> within <code>fieldset[disabled]</code></a>.</p> |