From f0e92235d6037bb80cd3245375fb2a73d316291f Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 19 Oct 2024 17:47:44 +0900
Subject: [PATCH] =?UTF-8?q?2024/09/13=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

---
 .../api/htmlinputelement/placeholder/index.md | 37 +++++++++++++++++
 .../api/htmlinputelement/readonly/index.md    | 41 +++++++++++++++++++
 .../api/htmlinputelement/required/index.md    | 41 +++++++++++++++++++
 3 files changed, 119 insertions(+)
 create mode 100644 files/ja/web/api/htmlinputelement/placeholder/index.md
 create mode 100644 files/ja/web/api/htmlinputelement/readonly/index.md
 create mode 100644 files/ja/web/api/htmlinputelement/required/index.md

diff --git a/files/ja/web/api/htmlinputelement/placeholder/index.md b/files/ja/web/api/htmlinputelement/placeholder/index.md
new file mode 100644
index 00000000000000..4b44feb4d40504
--- /dev/null
+++ b/files/ja/web/api/htmlinputelement/placeholder/index.md
@@ -0,0 +1,37 @@
+---
+title: "HTMLInputElement: placeholder プロパティ"
+short-title: placeholder
+slug: Web/API/HTMLInputElement/placeholder
+l10n:
+  sourceCommit: a24234ea6552cbd126d20fbf61e8f2bb010e1f20
+---
+
+{{ APIRef("HTML DOM") }}
+
+**`placeholder`** は {{DOMxRef("HTMLInputElement")}} インターフェイスのプロパティで、このコントロールに入力できる内容についてのヒントをユーザーに表示します。これは、{{htmlelement("input")}} 要素の [`placeholder`](/ja/docs/Web/HTML/Element/input#placeholder) 属性を反映します。
+
+## 値
+
+文字列です。
+
+## 例
+
+```js
+const inputElement = document.getElementById("phone");
+console.log(input.placeholder);
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{HTMLElement("input")}}
+- {{DOMXref("HTMLInputElement.value")}}
+- {{cssxref("::placeholder")}} 擬似要素
+- {{CSSXref(":placeholder-shown")}} 擬似クラス
diff --git a/files/ja/web/api/htmlinputelement/readonly/index.md b/files/ja/web/api/htmlinputelement/readonly/index.md
new file mode 100644
index 00000000000000..575cb4572fa2cb
--- /dev/null
+++ b/files/ja/web/api/htmlinputelement/readonly/index.md
@@ -0,0 +1,41 @@
+---
+title: "HTMLInputElement: readOnly プロパティ"
+short-title: readOnly
+slug: Web/API/HTMLInputElement/readOnly
+l10n:
+  sourceCommit: a24234ea6552cbd126d20fbf61e8f2bb010e1f20
+---
+
+{{ APIRef("HTML DOM") }}
+
+**`readOnly`** は {{DOMxRef("HTMLInputElement")}} インターフェイスのプロパティで、{{htmlelement("input")}} の値をユーザーが変更できないことを示します。これは {{htmlelement("input")}} 要素の [`readonly`](/ja/docs/Web/HTML/Element/input#readonly) 論理属性を反映したもので、属性が存在する場合は `true` を返し、省略されている場合は `false` を返します。
+
+{{domxref("HTMLInputElement.disabled", "disabled")}} プロパティが true であるフォームコントロールとは異なり、`readOnly` プロパティが true の値である場合、クリックやコントロール内の選択ができなくはなりません。
+
+HTML の `readonly` 属性は、型が `hidden`、`range`、`color`、`checkbox`、`radio`、`file`、`submit`、`reset`、`button`、`image` の場合には無視されますが、これらの入力型では、属性が存在する場合は `readOnly` プロパティが `true`、それ以外は `false` となります。
+
+## 値
+
+論理値です。
+
+## 例
+
+```js
+const inputElement = document.getElementById("total");
+console.log(inputElement.readOnly);
+inputElement.readOnly = true;
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{HTMLElement("input")}}
+- {{DOMXref("HTMLInputElement.disabled")}}
+- {{cssxref(":read-only")}} 擬似クラス
diff --git a/files/ja/web/api/htmlinputelement/required/index.md b/files/ja/web/api/htmlinputelement/required/index.md
new file mode 100644
index 00000000000000..927278df3061a4
--- /dev/null
+++ b/files/ja/web/api/htmlinputelement/required/index.md
@@ -0,0 +1,41 @@
+---
+title: "HTMLInputElement: required プロパティ"
+short-title: required
+slug: Web/API/HTMLInputElement/required
+l10n:
+  sourceCommit: a24234ea6552cbd126d20fbf61e8f2bb010e1f20
+---
+
+{{ APIRef("HTML DOM") }}
+
+**`required`** は {{DOMxRef("HTMLInputElement")}} インターフェイスのプロパティで、フォームを送信する前にユーザーが値を入力しなければならないことを指定します。これは、{{htmlelement("input")}} 要素の [`required`](/ja/docs/Web/HTML/Element/input#required) 属性を反映します。
+
+HTML の論理属性である `required` 属性は、型が `hidden`、`range`、`color`、`submit`、`reset`、`button`、`image` の場合には無視されますが、これらの入力型において、この属性が存在する場合には `required` プロパティが `true` となり、それ以外の場合には `false` となります。
+
+必須入力に値が入力されていない場合、{{domxref('ValidityState')}} オブジェクトの読み取り専用の {{domxref('ValidityState.valueMissing','valueMissing')}} プロパティは true になります。
+
+## 値
+
+論理値です。
+
+## 例
+
+```js
+const inputElement = document.getElementById("name");
+console.log(inputElement.required);
+inputElement.required = true;
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{HTMLElement("input")}}
+- {{DOMXref("HTMLInputElement.validity")}}
+- {{cssxref(":required")}} 擬似クラス