Readonly と Disabled_HTML/Xhtml_Web ページ制作の違い

概要は次のとおりです:
読み取り専用は入力 (テキスト/パスワード) とテキストエリアにのみ有効ですが、無効は選択、ラジオ、チェックボックス、ボタンなどを含むすべてのフォーム要素に有効です。ただし、form 要素が無効になった後、POST または GET でフォームを送信すると、この要素の値は渡されず、readonly によって値が渡されます (この状況は、特定の textarea 要素を送信したときに発生します)フォームは無効または読み取り専用に設定されていますが、送信ボタンは使用できます)。
一般的によくある状況は次のとおりです。
① フォームにはユーザーの一意の識別コードが事前に入力されており、ユーザーはそれを変更することはできませんが、この時点で送信時に値を渡す必要があります。 、その値を渡す必要があります。属性は readonly に設定されます。
② ユーザーがフォームを正式に送信するとき、管理者の情報検証を待つ必要があることがよくあります。これにより、ユーザーはデータを変更できなくなります。フォームは表示されますが、無効な要素の範囲により、ユーザーはフォーム内のデータを大きく変更することができないため、現時点では無効を使用する必要がありますが、同時に無効にする必要があります。送信ボタンも無効にする必要があることに注意してください。無効にしないと、ユーザーがこのボタンを押している限り、データベース操作ページで整合性チェックが行われない場合、データベース内の値がクリアされます。この場合、無効ではなく readonly を使用しても、フォーム内に input (text/password) 要素と textarea 要素しかない場合は、select などの他の要素がある場合でも、ユーザーは値を書き換えて押すことができます。 Enter キーを押して送信します (Enter はデフォルトの送信トリガー キーです)
③JavaScript を使用して、ユーザーが送信ボタンを押した後に送信ボタンを無効にすることがよくあります。これにより、環境が悪い場合にユーザーが送信ボタンを繰り返し押すことを防ぐことができます。送信ボタンをクリックすると、データがデータベースに冗長的に保存されます。