HTML

この記事では、入力欄の値を表示したまま編集だけを禁止し、フォーカスやフォーム送信は保てるreadonly属性の基本と、disabledとの違いを説明します。

Makes an input field display-only, preventing user edits.

readonly 属性

readonly 属性は、入力欄にあらかじめ値を入れて表示しつつ、ユーザーがその値を変更できないようにするためのものです。たとえば、ログイン中のユーザー名を表示するけれど、変更はさせたくないときなどに使います。

ポイント：

• 入力欄（<input> や <textarea>）で使える
• フォーカスはできるが、内容は編集できない
• サーバーにはその値が送信される

<input type="text" value="ユーザー名" readonly>