readonly 属性は、ブール型属性です。
指定された場合、入力フィールドまたはテキストエリアが読み取り専用になります。
読み取り専用フィールドを変更することはできません(ただし、タブを使ったり、反転表示したり、テキストをコピーすることはできます)。
readonly 属性は、或る条件が満たされるまで(チェックボックスが選択されるなど)、ユーザが値を変更することから防止するために設定することができます。 その後、JavaScript で readonly の値を削除することで、入力フィールドを編集可能にすることができます。
readonly 属性は、以下の要素で使用することができます:
要素 | 属性 |
---|---|
<input> | readonly |
<textarea> | readonly |
読み取り専用の入力フィールドを持つ HTML フォーム:
<form
action="demo_form.html">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Try it Yourself ❯
読み取り専用のテキストエリア:
<textarea readonly>
At w3schools.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Try it Yourself ❯
readonly
属性は、要素ごとに以下のブラウザがサポートしています。
要素 | |||||
---|---|---|---|---|---|
input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
textarea | Yes | Yes | Yes | Yes | Yes |