1. ホーム
  2. Web制作
  3. HTML/Xhtml

ReadonlyとDisabledの違い

2022-02-04 18:26:07
をまとめると、以下のようになります。
readonly は input(text / password) と textarea のみ有効で、disabled は select, radio, checkbox, button などのすべてのフォーム要素で有効です。しかし、disabledを使用すると、POSTやGETでフォームを送信したときに、この要素の値は送信されません。しかし、disabled を使用した後に POST または GET でフォームを送信すると、この要素の値は渡されず、readonly は値を渡します (これは、フォーム内の textarea 要素を disabled または readonly に設定したが、送信ボタンは有効な場合に起こります)。
一般的によくあるケースは
1) ユーザーのためのフォームに一意の識別コードがあらかじめ入力されており、ユーザーはそれを変更することができませんが、送信時に値を渡す必要があるため、そのプロパティは読み取り専用に設定する必要があります。
ユーザーが正式にフォームを提出したときにしばしば発生した②は、ユーザーがフォーム内のデータを変更することはできませんが、唯一のビューに、管理者の情報の検証を待つ必要があるため、無効な要素の範囲の役割は、この時点で無効を使用する必要がありますが、同時に送信ボタンに注意を払う必要がありますも無効になっていますそうでない限り、ユーザーはこのボタンを押した場合、データベース内の値は完全性のチェックがデータベース操作画面で行われていない場合は、クリアされます。読み取り専用の代わりに、このケースでは、使用されている場合は、唯一の入力(テキスト/パスワード)とtextarea要素がある場合、それはまだ可能ですが、他の毛の要素は、選択などがある場合、ユーザーは値を書き換えることができますし、送信するEnterキーを押します(エンターは、デフォルトの送信トリガキーです)。
③ユーザーが送信ボタンを押した後に、javascriptで送信ボタンを無効にすることが多く、ネットワークの状態が悪い時に送信ボタンを何度もクリックして、データが重複してデータベースに保存されることを防いでいます。