HTML <入力>読み取り専用属性
例
読み取り専用の入力フィールドを持つHTMLフォーム：
<form
action="/action_page.php">
<label for="country">Country:</label>
<input type="text"
id="country" name="country" value="Norway" readonly><br><br>
<input type="submit" value="Submit">
</form>
定義と使用法
readonly属性はブール属性です。
存在する場合、入力フィールドが読み取り専用であることを指定します。
読み取り専用の入力フィールドは変更できません（ただし、ユーザーはそのフィールドにタブで移動し、強調表示して、そこからテキストをコピーできます）。
このreadonly属性は、他の条件（チェックボックスの選択など）が満たされるまでユーザーが値を変更しないように設定できます。次に、JavaScriptは読み取り専用の値を削除し、入力フィールドを編集可能にすることができます。
注：フォームは読み取り専用の入力フィールドを送信しますが、無効になっている入力フィールドは送信しません。
ブラウザのサポート
表の数字は、属性を完全にサポートする最初のブラウザーバージョンを示しています。
| Attribute | |||||
|---|---|---|---|---|---|
| readonly | Yes | Yes | Yes | Yes | Yes |
構文
<input readonly>
❮HTML<input>タグ