From 9120f23f9f33a085a7681fd6c10e2935547b79c9 Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Fri, 18 Oct 2024 01:04:46 +0900
Subject: [PATCH] =?UTF-8?q?2024/08/29=20=E6=99=82=E7=82=B9=E3=81=AE?=
 =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?=
 =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ja/web/api/htmlinputelement/list/index.md | 58 +++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 files/ja/web/api/htmlinputelement/list/index.md

diff --git a/files/ja/web/api/htmlinputelement/list/index.md b/files/ja/web/api/htmlinputelement/list/index.md
new file mode 100644
index 00000000000000..61c7854a959495
--- /dev/null
+++ b/files/ja/web/api/htmlinputelement/list/index.md
@@ -0,0 +1,58 @@
+---
+title: "HTMLInputElement: list プロパティ"
+short-title: list
+slug: Web/API/HTMLInputElement/list
+l10n:
+  sourceCommit: a3d9f61a8990ba7b53bda9748d1f26a9e9810b18
+---
+
+{{ApiRef("HTML DOM")}}
+
+**`list`** は {{domxref("HTMLInputElement")}} インターフェイスの読み取り専用プロパティで、この要素の [`list`](/ja/docs/Web/HTML/Element/input#list) 属性が指し示す {{domxref("HTMLDataListElement")}} を返します。`list` 属性が定義されていない場合、または `list` 属性の値が同じツリー内のどの `<datalist>` にも関連付けられていない場合は、`null` が返されます。
+
+> [!NOTE]
+> これは読み取り専用のプロパティです。 `<datalist>` を要素に関連付けるには、{{domxref("Element.setAttribute", "setAttribute()")}} を使用して `list` 属性の値を設定します。
+
+## 値
+
+{{domxref("HTMLDataListElement")}} または `null` です。
+
+## 例
+
+次の HTML があったとします。
+
+```html
+<label for="planet">出身の惑星は？</label>
+<input id="planet" type="text" list="superhero" />
+<datalist id="superhero">
+  <option value="Azarath" />
+  <option value="Krypton" />
+  <option value="Tamaran" />
+</datalist>
+```
+
+この `<input>` に関連付けられた `<datalist>` を受け取るには次のようにします。
+
+```js
+const inputElement = document.querySelector("#planet");
+console.log(inputElement.list); // superhero の HTMLDatalistElement を返す
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("HTMLInputElement.value")}}
+- {{domxref("HTMLInputElement.type")}}
+- {{domxref("HTMLDataListElement")}}
+- {{domxref("HTMLOptionElement")}}
+- {{domxref("HTMLCollection")}}
+- {{htmlelement("input")}}
+- {{htmlelement("datalist")}}
+- {{htmlelement("option")}}