initial commit

2 files changed, 179 insertions, 0 deletions

diff --git a/files/zh-cn/web/api/htmloptionelement/index.html b/files/zh-cn/web/api/htmloptionelement/index.html
new file mode 100644
index 0000000000..4272e516eb
--- /dev/null
+++ b/files/zh-cn/web/api/htmloptionelement/index.html
@@ -0,0 +1,132 @@
+---
+title: HTMLOptionElement
+slug: Web/API/HTMLOptionElement
+tags:
+  - API
+  - HTML DOM
+  - HTMLOptionElement
+  - Option
+  - 参考
+  - 接口
+  - 选项
+translation_of: Web/API/HTMLOptionElement
+---
+<div>{{APIRef("HTML DOM")}}</div>
+
+<p><strong><code>HTMLOptionElement</code></strong> 接口表示了 {{HTMLElement("option")}} 元素并继承{{domxref("HTMLElement")}}接口所有的类和方法。</p>
+
+<p>{{InheritanceDiagram(600, 120)}}</p>
+
+<h2 id="属性">属性</h2>
+
+<p><em>继承自其父类属性, {{domxref("HTMLElement")}}.</em></p>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">名称</th>
+   <th scope="col">类型</th>
+   <th scope="col">描述</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>defaultSelected</code></td>
+   <td>{{domxref("Boolean")}}</td>
+   <td>包含了{{htmlattrxref("selected", "option")}} HTML 特性的初始值， 指示默认情况下是否选择该选项。</td>
+  </tr>
+  <tr>
+   <td><code>disabled</code></td>
+   <td>{{domxref("Boolean")}}</td>
+   <td>反映了{{htmlattrxref("disabled", "option")}} HTML 特性 的值 , 这意味着选项（option）是不可选的。如果一个选项是关闭的{{HTMLElement("optgroup")}}元素的子元素，那么它也可被关闭。 </td>
+  </tr>
+  <tr>
+   <td><code>form</code>{{readonlyInline}}</td>
+   <td>{{domxref("HTMLFormElement")}}</td>
+   <td>
+    <p>如果该选项是{{HTMLElement("select")}} 元素的后代，则该属性与相应{{DomXref("HTMLSelectElement")}} 对象的<code>form</code>属性具有相同的值; 否则为<code>null</code>。</p>
+   </td>
+  </tr>
+  <tr>
+   <td><code>index</code>{{readonlyInline}}</td>
+   <td><code>long</code></td>
+   <td>
+    <p>该选项在其所属的选项列表中的位置，以树形顺序排列。 如果该选项不是选项列表的一部分，例如为 {{HTMLElement("datalist")}} 元素的一部分时，该值为<code>0</code>。</p>
+   </td>
+  </tr>
+  <tr>
+   <td><code>label</code></td>
+   <td>{{domxref("DOMString")}}</td>
+   <td>
+    <p>反映{{htmlattrxref("label", "option")}} HTML特性的值，该属性为选项提供了一个标签。 如果没有特别设置此属性，读取它返回元素的文本内容。</p>
+   </td>
+  </tr>
+  <tr>
+   <td><code>selected</code></td>
+   <td>{{domxref("Boolean")}}</td>
+   <td>表示当前该option是否被选择。</td>
+  </tr>
+  <tr>
+   <td><code>text</code></td>
+   <td>{{domxref("DOMString")}}</td>
+   <td>包含元素的文本内容。</td>
+  </tr>
+  <tr>
+   <td><code>value</code></td>
+   <td>{{domxref("DOMString")}}</td>
+   <td>
+    <p>反映{{htmlattrxref("value", "option")}} HTML特性的值（如果存在）；否则反映{{domxref("Node.textContent")}} 特性的值。</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="方法">方法</h2>
+
+<p><em>方法继承自其父类, {{domxref("HTMLElement")}}.</em></p>
+
+<dl>
+ <dt>{{domxref("HTMLOptionElement.Option()")}}是一个创建<code>HTMLOptionElement</code>对象的构造函数。 它有四个值：要显示的文本，<code>文本</code>，关联的值，<code>值</code>，defaultSelected的值以及<code>所选</code>的值。 最后三个值是可选的。</dt>
+</dl>
+
+<h2 id="格式">格式</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">格式</th>
+   <th scope="col">状态</th>
+   <th scope="col">注释</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML WHATWG', "the-button-element.html#the-option-element", "HTMLOptionElement")}}</td>
+   <td>{{Spec2('HTML WHATWG')}}</td>
+   <td>No change from {{SpecName("HTML5 W3C")}}.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('HTML5 W3C', "forms.html#the-option-element", "HTMLOptionElement")}}</td>
+   <td>{{Spec2('HTML5 W3C')}}</td>
+   <td>一个构造函数<code>Option()</code>已经被添加。<code>form</code>属性可以是<code>null</code>值。</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('DOM2 HTML', 'html.html#ID-70901257', 'HTMLOptionElement')}}</td>
+   <td>{{Spec2('DOM2 HTML')}}</td>
+   <td><code>selected</code>属性改变了它的含义：现在它指示当前是否选择该选项，如果该选项被初始选择，则不再使用该选项。<code>defaultSelected</code>属性不再是只读的。</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('DOM1', 'level-one-html.html#ID-70901257', 'HTMLOptionElement')}}</td>
+   <td>{{Spec2('DOM1')}}</td>
+   <td>初始定义</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="浏览器兼容性">浏览器兼容性</h2>
+
+<p>{{Compat("api.HTMLOptionElement")}}</p>
+
+<h2 id="参见">参见</h2>
+
+<ul>
+ <li>实现此接口的HTML元素 : {{HTMLElement("option")}}。</li>
+</ul>
diff --git a/files/zh-cn/web/api/htmloptionelement/option/index.html b/files/zh-cn/web/api/htmloptionelement/option/index.html
new file mode 100644
index 0000000000..c00336924d
--- /dev/null
+++ b/files/zh-cn/web/api/htmloptionelement/option/index.html
@@ -0,0 +1,47 @@
+---
+title: Option()
+slug: Web/API/HTMLOptionElement/Option
+tags:
+  - API
+  - HTML DOM
+  - HTMLOptionElement
+translation_of: Web/API/HTMLOptionElement/Option
+---
+<p><font><font>{{APIRef("HTML DOM")}}</font></font></p>
+
+<p><font><font>用于创建{{domxref("HTMLOptionElement")}}的构造函数。</font></font></p>
+
+<h2 id="Syntax" name="Syntax" style="line-height: 30px;"><font><font>句法</font></font></h2>
+
+<pre class="syntaxbox" style="font-size: 14px;"><code>var o</code><font><font>ptionElementReference</font></font><code> = new Option(text, value, defaultSelected, selected);</code></pre>
+
+<h3 id="Return_value_and_parameters" name="Return_value_and_parameters" style="line-height: 30px;"><font><font>参数</font></font></h3>
+
+<dl>
+ <dt><font><font>文字{{optional_inline}}</font></font></dt>
+ <dd><font><font>表示元素内容的{{domxref("DOMString")}}，即显示的文本。</font><font>如果没有指定，则使用默认值""(空字符串)。</font></font></dd>
+ <dt><font><font>值{{optional_inline}}</font></font></dt>
+ <dd><font><font>表示{{domxref("HTMLOptionElement")}}的值的{{domxref("DOMString")}}，即</font></font><code>value</code><font><font>等价的{{htmlelement("option")}} </font><font>的</font><font>属性。</font><font>如果未指定，则将文本的值用作值，例如，将表单提交给服务器时，相关联的{{htmlelement("select")}}元素的值。</font></font></dd>
+ <dt><font><font>defaultSelected {{optional_inline}}</font></font></dt>
+ <dd><font><font>设置{{htmlattrxref("selected", "option")}}属性值的{{domxref("Boolean")}}，也就是说这个{{htmlelement("option")}}是默认值当第一次加载页面时，在{{htmlelement("select")}}元素中选择。</font><font>如果没有指定，</font></font><code>false</code><font><font>则使用</font><font>默认值</font><font>。</font><font>请注意，</font></font><code>true</code><font><font> 如果选项尚未被选中</font><font>，则该值</font><font>不会将选项设置为选中状态。 </font></font></dd>
+ <dt><font><font>选中{{optional_inline}}</font></font></dt>
+ <dd><font><font>A {{domxref("Boolean")}}设置选项的选择状态; </font><font>默认是</font></font><code>false</code><font><font>(未选中)。</font><font>如果省略，即使</font></font><code>defaultSelected</code><font><font>参数是</font></font><code>true</code><font><font>，该选项没有被选中。</font></font></dd>
+</dl>
+
+<h2 id="规范" style="line-height: 30px;"><font><font>规范</font></font></h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col"><font><font>规范</font></font></th>
+   <th scope="col"><font><font>状态</font></font></th>
+   <th scope="col"><font><font>评论</font></font></th>
+  </tr>
+  <tr>
+   <td><a class="external external-icon" href="http://www.w3.org/TR/2012/WD-html5-20121025/the-option-element.html#dom-option" hreflang="en" lang="en"><font><font>HTML5 </font></font><br>
+    <small lang="en-US"><font><font>该规范中"选项"的定义。</font></font></small></a></td>
+   <td><span class="spec-REC"><font><font>建议</font></font></span></td>
+   <td> </td>
+  </tr>
+ </tbody>
+</table>