HTMLSelectElement インターフェイスを更新

2021/01/05 時点の英語版に同期

1 files changed, 12 insertions, 14 deletions

diff --git a/files/ja/web/api/htmlselectelement/index.html b/files/ja/web/api/htmlselectelement/index.html
index bdbd0b3c2a..5339fb80d3 100644
--- a/files/ja/web/api/htmlselectelement/index.html
+++ b/files/ja/web/api/htmlselectelement/index.html
@@ -15,13 +15,13 @@ translation_of: Web/API/HTMLSelectElement
 
 <p>{{InheritanceDiagram(600, 120)}}</p>
 
-<h2 id="Properties" name="Properties">プロパティ</h2>
+<h2 id="Properties">プロパティ</h2>
 
 <p><em>このインターフェイスは {{domxref("HTMLElement")}} と、 {{domxref("Element")}} および {{domxref("Node")}} からプロパティを継承しています。</em></p>
 
 <dl>
  <dt>{{domxref("HTMLSelectElement.autofocus")}}</dt>
- <dd>{{jsxref("Boolean")}} で、 HTML の {{htmlattrxref("autofocus", "select")}} 属性を反映し、ページが読み込みの際に、ユーザーが異なるコントロールに入力するなどで上書きをしない限り、コントロールが入力フォーカスを持つべきかどうかを示します。文書中のフォーム関連要素の中で、この属性を指定できるのは1つだけです。 {{gecko_minversion_inline("2.0")}}</dd>
+ <dd>{{jsxref("Boolean")}} で、 HTML の {{htmlattrxref("autofocus", "select")}} 属性を反映し、ページが読み込みの際に、ユーザーが異なるコントロールに入力するなどで上書きをしない限り、コントロールが入力フォーカスを持つべきかどうかを示します。文書中のフォーム関連要素の中で、この属性を指定できるのは 1 つだけです。</dd>
  <dt>{{domxref("HTMLSelectElement.disabled")}}</dt>
  <dd>{{jsxref("Boolean")}} で、 HTML の {{htmlattrxref("disabled", "select")}} 属性を反映し、コントロールが無効か否か、つまりクリックを受け付けるかどうかを示します。</dd>
  <dt>{{domxref("HTMLSelectElement.form")}}{{ReadOnlyInline}}</dt>
@@ -37,13 +37,13 @@ translation_of: Web/API/HTMLSelectElement
  <dt>{{domxref("HTMLSelectElement.options")}}{{ReadOnlyInline}}</dt>
  <dd>{{domxref("HTMLOptionsCollection")}} で、この要素に含まれる一連の {{HTMLElement("option")}} 要素を表します。</dd>
  <dt>{{domxref("HTMLSelectElement.required")}}</dt>
- <dd>{{jsxref("Boolean")}} で、 HTML の {{htmlattrxref("required", "select")}} 属性を反映し、ユーザーがフォームを送信する前に値を選択する必要があることを示します。 {{gecko_minversion_inline("2.0")}}</dd>
+ <dd>{{jsxref("Boolean")}} で、 HTML の {{htmlattrxref("required", "select")}} 属性を反映し、ユーザーがフォームを送信する前に値を選択する必要があることを示します。</dd>
  <dt>{{domxref("HTMLSelectElement.selectedIndex")}}</dt>
  <dd><code>long</code> で、最初に選択された {{HTMLElement("option")}} 要素の序数を反映します。 <code>-1</code> の値は要素が選択されていないことを示します。</dd>
  <dt>{{domxref("HTMLSelectElement.selectedOptions")}}{{ReadOnlyInline}}</dt>
  <dd>{{domxref("HTMLCollection")}} で、選択されているすべての {{HTMLElement("option")}} 要素を反映します。</dd>
  <dt>{{domxref("HTMLSelectElement.size")}}</dt>
- <dd><code>long</code> で、 HTML の {{htmlattrxref("size", "select")}} 属性を反映し、コントロール内で見える項目の数が入ります。既定値は、 <code>multiple</code> が <code>true</code> でなければ1で、そうでなければ4です。</dd>
+ <dd><code>long</code> で、 HTML の {{htmlattrxref("size", "select")}} 属性を反映し、コントロール内で見える項目の数が入ります。既定値は、 <code>multiple</code> が <code>true</code> でなければ 1 で、そうでなければ 4 です。</dd>
  <dt>{{domxref("HTMLSelectElement.type")}}{{ReadOnlyInline}}</dt>
  <dd>{{domxref("DOMString")}} で、フォームコントロールの型を表します。 <code>multiple</code> が <code>true</code> である場合は <code>select-multiple</code> を返し、そうでなければ <code>select-one</code> を返します。</dd>
  <dt>{{domxref("HTMLSelectElement.validationMessage")}}{{ReadOnlyInline}}</dt>
@@ -56,7 +56,7 @@ translation_of: Web/API/HTMLSelectElement
  <dd>{{jsxref("Boolean")}} で、ボタンが制約検証の候補になるかどうかを示します。制約検証が阻止される場合は <code>false</code> となります。</dd>
 </dl>
 
-<h2 id="Methods" name="Methods">メソッド</h2>
+<h2 id="Methods">メソッド</h2>
 
 <p><em>このインターフェイスは {{domxref("HTMLElement")}} と、 {{domxref("Element")}} および {{domxref("Node")}} からメソッドを継承しています。</em></p>
 
@@ -81,7 +81,7 @@ translation_of: Web/API/HTMLSelectElement
  <dd>選択要素の独自の検証メッセージを指定されたメッセージに設定します。要素に独自の検証エラーが<em>ない</em>ことを示すには、空文字列を使用してください。</dd>
 </dl>
 
-<h2 id="Events" name="Events">イベント</h2>
+<h2 id="Events">イベント</h2>
 
 <p>これらのイベントを待ち受けするには {{domxref("EventTarget/addEventListener", "addEventListener()")}} を使用するか、イベントリスナーをこのインターフェイスの <code>on<em>イベント名</em></code> プロパティに代入するかしてください。</p>
 
@@ -90,11 +90,11 @@ translation_of: Web/API/HTMLSelectElement
  <dd>{{HTMLElement("input")}}, {{HTMLElement("select")}}, {{HTMLElement("textarea")}} の各要素の <code>value</code> が変化したときに発生します。</dd>
 </dl>
 
-<h2 id="Example" name="Example">例</h2>
+<h2 id="Example">例</h2>
 
-<h3 id="Get_information_about_the_selected_option" name="Get_information_about_the_selected_option">選択された選択肢についての情報を得る</h3>
+<h3 id="Get_information_about_the_selected_option">選択された選択肢についての情報を得る</h3>
 
-<pre class="brush: js">/*以下の HTML があることを想定する
+<pre class="brush: js">/* 以下の HTML があることを想定する
 &lt;select id='s'&gt;
     &lt;option&gt;First&lt;/option&gt;
     &lt;option selected&gt;Second&lt;/option&gt;
@@ -113,7 +113,7 @@ console.log(select.options[select.selectedIndex].value) // Second
 
 <p>ユーザーの選択の変更を追跡するのであれば、 {{domxref("HTMLElement/change_event", "change")}} イベントが <code>&lt;select&gt;</code> に発生するのを監視するほうがより良い方法です。これは値が変化したときに通知され、必要なものを更新することができます。詳しくは、 <code>change</code> イベントのドキュメントで<a href="/ja/docs/Web/API/HTMLElement/change_event#&lt;select>_element">提供されている例</a>を参照してください。</p>
 
-<h2 id="Specifications" name="Specifications">仕様書</h2>
+<h2 id="Specifications">仕様書</h2>
 
 <table class="standard-table">
  <thead>
@@ -151,13 +151,11 @@ console.log(select.options[select.selectedIndex].value) // Second
  </tbody>
 </table>
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
-
-<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
 
 <p>{{Compat("api.HTMLSelectElement")}}</p>
 
-<h2 id="See_also" name="See_also">関連情報</h2>
+<h2 id="See_also">関連情報</h2>
 
 <ul>
  <li>このインターフェイスを実装している HTML 要素: {{ HTMLElement("select") }}</li>