HTML読み取り専用属性
定義と使用法
readonly属性はブール属性です。
存在する場合、入力フィールドまたはテキストエリアが読み取り専用であることを指定します。
読み取り専用フィールドは変更できません（ただし、ユーザーはそのフィールドにタブで移動し、強調表示して、そこからテキストをコピーできます）。
このreadonly属性は、他の条件（チェックボックスの選択など）が満たされるまでユーザーが値を変更しないように設定できます。次に、JavaScriptは読み取り専用の値を削除し、入力フィールドを編集可能にすることができます。
に適用されます
このreadonly属性は、次の要素で使用できます。
| 要素 | 属性 |
|---|---|
| <入力> | 読み取り専用 |
| <textarea> | 読み取り専用 |
例
入力例
読み取り専用の入力フィールドを持つHTMLフォーム：
<form
action="/action_page.php">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Textareaの例
読み取り専用のテキスト領域：
<textarea readonly>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
ブラウザのサポート
このreadonly属性では、要素ごとに次のブラウザがサポートされています。
| Element | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Yes | Yes | Yes | Yes | Yes |