最新のWeb開発のチュートリアル
 

HTML readonly Attribute


定義と使用法

readonly属性は論理属性です。

存在する場合、それは、入力フィールドまたはことを指定textarea is読み取り専用。

読み取り専用フィールドには、(ただし、ユーザーがそれにタブ、それを強調表示し、そこからテキストをコピーすることができます)を変更することはできません。

readonly属性は、いくつかの他の条件は、(チェックボックスなどの選択のように)満たされるまでの値をユーザが変更を維持するように設定することができます。 その後、JavaScriptは読み取り専用の値を削除し、入力フィールドを編集可能にすることができます。


に適用されます

readonly属性は、以下の要素で使用することができます。

要素 属性
<input> readonly
<textarea> readonly

Input

読み取り専用の入力フィールドを持つHTMLフォーム:

<form action="demo_form.asp">
  Country: <input type="text" name="country" value="Norway" readonly><br>
  <input type="submit" value="Submit">
</form>
»それを自分で試してみてください

Textareaの例

読み取り専用のテキストエリア:

<textarea readonly>
At w3ii.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
»それを自分で試してみてください

ブラウザのサポート

readonly属性は、要素ごとに以下のブラウザのサポートを持っています。

素子
input 1.0 6.0 1.0 1.0 1.0
textarea はい はい はい はい はい