From d490e42ffe823173477b841ec397105bd06cb336 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Thu, 17 Jun 2021 13:35:36 -0400 Subject: rid of $samples iframes --- files/zh-cn/web/html/element/fieldset/index.html | 43 +++++------------------- files/zh-cn/web/html/element/form/index.html | 6 ++-- files/zh-cn/web/html/element/optgroup/index.html | 37 +++----------------- files/zh-cn/web/html/element/select/index.html | 39 ++++----------------- 4 files changed, 23 insertions(+), 102 deletions(-) (limited to 'files/zh-cn/web/html') 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

注意：截至这篇文章发出为止，Microsoft Edge 和 Google Chrome 不能在 {{HTMLElement("fieldset")}} 中使用 flexbox 和 grid 布局。这个 GitHub issue 跟踪了这个bug。

-

示例

+

示例

-

简单的 fieldset

+

简单的 fieldset

这个例子展示了一个非常简单的 <fieldset>，其中有一个 <legend> 和一个简单的控件。

-
<form action="#">
+
<form action="#">
   <fieldset>
     <legend>Simple fieldset</legend>
     <input type="radio" id="radio">
@@ -65,13 +65,13 @@ translation_of: Web/HTML/Element/fieldset
   </fieldset>
 </form>

 
-

+
{{ EmbedLiveSample('Simple_fieldset', '100%', '80') }}

 
-
禁用 fieldset

+
禁用 fieldset

 
 
这个例子展示了一个被禁用的 <fieldset> ，其中有两个控件。注意随着 <fieldset> 被一起禁用的控件如何表现。

 
-
<form action="#">
+
<form action="#">
   <fieldset disabled>
     <legend>Disabled fieldset</legend>
     <div>
@@ -85,7 +85,7 @@ translation_of: Web/HTML/Element/fieldset
   </fieldset>
 </form>

 
-

+
{{ EmbedLiveSample('Disabled_fieldset', '100%', '110') }}

 
 
技术概览

 
@@ -126,36 +126,11 @@ translation_of: Web/HTML/Element/fieldset
 
 
规范

 
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
规范状态注释
{{SpecName('HTML WHATWG', 'forms.html#the-fieldset-element', '<fieldset>')}}{{Spec2('HTML WHATWG')}}Definition of the fieldset element
{{SpecName('HTML5 W3C', 'forms.html#the-fieldset-element', '<fieldset>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'interact/forms.html#h-17.10', '<fieldset>')}}{{Spec2('HTML4.01')}}Initial definition

+
{{Specifications}}

 
 
浏览器兼容性

 
-
{{Compat("html.elements.fieldset")}}

+
{{Compat}}

 
 
[1] 在 IE11 中 disabled 的 fieldset 的子元素并不会全都被 disabled;  相关 Issues: IE bug 817488: input[type="file"] not disabled inside disabled fieldset and IE bug 962368: Can still edit input[type="text"] within fieldset[disabled].

 
diff --git a/files/zh-cn/web/html/element/form/index.html b/files/zh-cn/web/html/element/form/index.html
index e7c0e43048..14308b9497 100644
--- a/files/zh-cn/web/html/element/form/index.html
+++ b/files/zh-cn/web/html/element/form/index.html
@@ -135,11 +135,11 @@ translation_of: Web/HTML/Element/form
  
 
 
-
示例

+
示例

 
 
HTML

 
-
<!-- Form which will send a GET request to the current URL -->
+
<!-- Form which will send a GET request to the current URL -->
 <form>
   <label>Name:
     <input name="submitted-name" autocomplete="name">
@@ -163,7 +163,7 @@ translation_of: Web/HTML/Element/form
   </fieldset>
 </form>

 
-

+
{{ EmbedLiveSample('Examples', '100%', 110) }}

 
 
规范

 
diff --git a/files/zh-cn/web/html/element/optgroup/index.html b/files/zh-cn/web/html/element/optgroup/index.html
index 8ea407b546..c2fb23f845 100644
--- a/files/zh-cn/web/html/element/optgroup/index.html
+++ b/files/zh-cn/web/html/element/optgroup/index.html
@@ -61,7 +61,7 @@ translation_of: Web/HTML/Element/optgroup
  
选项组的名字，浏览器用以在用户界面中标记选项。使用这个元素时必须加上这个属性。

 
 
-
示例

+
示例

 
 
<select>
   <optgroup label="Group 1">
@@ -81,44 +81,15 @@ translation_of: Web/HTML/Element/optgroup
 
 
结果

 
-

+
{{EmbedLiveSample("Examples")}}

 
 
规范

 
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
规范状态注释
{{SpecName('HTML WHATWG', 'the-button-element.html#the-optgroup-element', '<optgroup>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'forms.html#the-optgroup-element', '<optgroup>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '<optgroup>')}}{{Spec2('HTML4.01')}}

+
{{Specifications}}

 
 
浏览器兼容性

 
-
{{Compat("html.elements.optgroup")}}

-
-

-
-

+
{{Compat}}

 
 
另请参阅

 
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
 
 
示例

 
-
基本选择

+
基本选择

 
 
<!-- 第二项会默认选中 -->
 <select name="select">
@@ -112,13 +112,13 @@ translation_of: Web/HTML/Element/select
 
 
结果

 
-

+
{{EmbedLiveSample("Basic_select", "", "100")}}

 
-
使用多选的进阶选择

+
使用多选的进阶选择

 
 
下面的例子更加复杂，展示了可用在 <select> 元素上的更多功能：

 
-
<label>Please choose one or more pets:
+
<label>Please choose one or more pets:
   <select name="pets" multiple size="4">
     <optgroup label="4-legged pets">
       <option value="dog">Dog</option>
@@ -134,7 +134,7 @@ translation_of: Web/HTML/Element/select
 </label>
 

 
-

+
{{EmbedLiveSample("Advanced_select_with_multiple_features", "", "100")}}

 
 
你会看见：

 
@@ -182,36 +182,11 @@ translation_of: Web/HTML/Element/select
 
 
规范

 
-
- 
-  
-   
-   
-   
-  
- 
- 
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
-  
-   
-   
-   
-  
- 
-
规范状态注释
{{SpecName('HTML WHATWG', 'forms.html#the-select-element', '<select>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'forms.html#the-select-element', '<select>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'interact/forms.html#h-17.6', '<select>')}}{{Spec2('HTML4.01')}}

+
{{Specifications}}

 
 
浏览器兼容性

 
-
{{Compat("html.elements.select")}}

+
{{Compat}}

 
 
参见

 
-- 
cgit v1.2.3-54-g00ecf