aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/web/html/element/select
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2021-06-17 13:35:36 -0400
committerIrvin <irvinfly@gmail.com>2021-06-18 01:41:27 +0800
commitd490e42ffe823173477b841ec397105bd06cb336 (patch)
tree0c0a208e8e7cffa0f37cbaa2b463f4448ba9edc9 /files/zh-cn/web/html/element/select
parent64471936f0c8ee43b7a35c4a020c6435e64dfcaf (diff)
downloadtranslated-content-d490e42ffe823173477b841ec397105bd06cb336.tar.gz
translated-content-d490e42ffe823173477b841ec397105bd06cb336.tar.bz2
translated-content-d490e42ffe823173477b841ec397105bd06cb336.zip
rid of $samples iframes
Diffstat (limited to 'files/zh-cn/web/html/element/select')
-rw-r--r--files/zh-cn/web/html/element/select/index.html39
1 files changed, 7 insertions, 32 deletions
diff --git a/files/zh-cn/web/html/element/select/index.html b/files/zh-cn/web/html/element/select/index.html
index 470f6ec2fa..fa0d3e3cfa 100644
--- a/files/zh-cn/web/html/element/select/index.html
+++ b/files/zh-cn/web/html/element/select/index.html
@@ -100,7 +100,7 @@ translation_of: Web/HTML/Element/select
<h2 id="示例">示例</h2>
-<h3 id="基本选择">基本选择</h3>
+<h3 id="Basic_select">基本选择</h3>
<pre class="brush: html">&lt;!-- 第二项会默认选中 --&gt;
&lt;select name="select"&gt;
@@ -112,13 +112,13 @@ translation_of: Web/HTML/Element/select
<h4 id="结果">结果</h4>
-<p><select name="select"><option value="value1">Value 1</option><option selected value="value2">Value 2</option><option value="value3">Value 3</option></select></p>
+<p>{{EmbedLiveSample("Basic_select", "", "100")}}</p>
-<h3 id="使用多选的进阶选择">使用多选的进阶选择</h3>
+<h3 id="Advanced_select_with_multiple_features">使用多选的进阶选择</h3>
<p>下面的例子更加复杂,展示了可用在 <code>&lt;select&gt;</code> 元素上的更多功能:</p>
-<pre>&lt;label&gt;Please choose one or more pets:
+<pre class="brush: html">&lt;label&gt;Please choose one or more pets:
&lt;select name="pets" multiple size="4"&gt;
&lt;optgroup label="4-legged pets"&gt;
&lt;option value="dog"&gt;Dog&lt;/option&gt;
@@ -134,7 +134,7 @@ translation_of: Web/HTML/Element/select
&lt;/label&gt;
</pre>
-<p><iframe class="live-sample-frame sample-code-frame" frameborder="0" height="100" id="frame_Advanced_select_with_multiple_features" src="https://mdn.mozillademos.org/en-US/docs/Web/HTML/Element/select$samples/Advanced_select_with_multiple_features?revision=1625986"></iframe></p>
+<p>{{EmbedLiveSample("Advanced_select_with_multiple_features", "", "100")}}</p>
<p>你会看见:</p>
@@ -182,36 +182,11 @@ translation_of: Web/HTML/Element/select
<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-select-element', '&lt;select&gt;')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', 'forms.html#the-select-element', '&lt;select&gt;')}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td></td>
- </tr>
- <tr>
- <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '&lt;select&gt;')}}</td>
- <td>{{Spec2('HTML4.01')}}</td>
- <td></td>
- </tr>
- </tbody>
-</table>
+<p>{{Specifications}}</p>
<h2 id="浏览器兼容性">浏览器兼容性</h2>
-<div>{{Compat("html.elements.select")}}</div>
+<div>{{Compat}}</div>
<h2 id="参见">参见</h2>