2024/09/13 時点の英語版に基づき新規翻訳

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")}} 擬似クラス

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")}} 擬似クラス

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")}} 擬似クラス