読み取り専用と無効の違い

要約すると:
Readonly は入力 (テキスト/パスワード) とテキスト領域に対してのみ有効ですが、disabled は選択、ラジオ、チェックボックス、ボタンなどを含むすべてのフォーム要素に対して有効です。ただし、フォーム要素に disabled を使用した後、フォームを POST または GET 経由で送信すると、この要素の値は渡されませんが、readonly では値が渡されます (この状況は、フォーム内の textarea 要素を disabled または readonly に設定しても、送信ボタンが使用できる場合に発生します)。
より一般的な状況は次のとおりです。
① フォームでは、ユーザー固有の識別コードが事前に入力されており、ユーザーはそれを変更できません。ただし、送信時に値を渡す必要があります。この場合、その属性は読み取り専用に設定する必要があります。
② ユーザーが正式にフォームを送信した後、管理者が情報を確認するまで待つ必要があることがよくあります。これにより、ユーザーはフォーム内のデータを変更できず、表示のみが可能になります。disabled にはさまざまな要素があるため、このときは disabled を使用する必要があります。ただし、送信ボタンも無効にする必要があることに注意してください。そうしないと、ユーザーがこのボタンを押している限り、データベース操作ページで整合性チェックが実行されないと、データベース内の値がクリアされます。この場合、無効ではなく読み取り専用を使用すると、フォームに入力 (テキスト/パスワード) とテキストエリア要素のみがある場合は問題ありません。選択などの他の要素がある場合は、ユーザーは値を書き換えて Enter キーを押して送信できます (Enter はデフォルトの送信トリガーキーです)。
③ユーザーが送信ボタンを押した後に送信ボタンを無効にするJavaScriptがよく使用されます。これにより、ネットワーク状況が悪い環境でユーザーが送信ボタンを繰り返しクリックし、データベースにデータが重複して保存されることを防ぐことができます。

<<: mysql8.0.23 msi インストールの超詳細なチュートリアル

>>: Docker を使用した Alibaba Cloud Server のインストールと、仮想マシンへのインストールで遭遇する落とし穴 (問題のまとめ)