HTML <input> readonly 属性

HTML <input> タグ

定義と使用方法

readonly 属性は入力フィールドを読み取り専用に定義します。

readonly 属性はボルン属性です。

この属性が設定されている場合、入力フィールドが読み取り専用であることを定義します。

読み取り専用の入力フィールドは変更できません（ただし、ユーザーはタブキーを使ってそれに移動し、ハイライト表示してテキストをコピーすることができます）。

設定することができます readonly 属性を使用して、ユーザーが値を変更するのを防ぎ、他の条件（例えばチェックボックスの選択など）を満たすまで値を変更できないようにします。その後、JavaScript で削除 readonly 値を設定し、入力フィールドを編集可能にします。

注意：フォームは読み取り専用の入力フィールドを提出しますが、無効化された入力フィールドは提出されません！

例

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

<form action="/action_page.php">
  <label for="country">国：</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="提出">
</form>

実際に試してみる

文法

<input readonly>

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML <input> タグ