HTML <input> readonly属性

例

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

<form action="demo_form.html">
Country: <input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="提交">
</form>

すべての主要ブラウザは readonly 属性をサポートしています。

readonly 属性は論理属性です。

readonly 属性は、入力フィールドが読み取り専用であることを指定します。

読み取り専用フィールドは変更できません。ただし、ユーザーは Tab キーを使用してフィールドに移動し、テキストを選択またはコピーすることができます。

readonly 属性は、特定の条件が満たされるまで（チェックボックスがオンになるなど）、ユーザーが値を変更するのを防ぎます。その後、JavaScript を使用して readonly 値を削除し、入力フィールドを編集可能な状態に切り替える必要があります。

なし。

XHTML では属性の最小化が禁止されているため、readonly 属性は <input readonly="readonly" /> として定義する必要があります。

HTML <input> タグその他の拡張