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で送信ボタンを無効にすることが多く、ネットワークの状態が悪い時に送信ボタンを何度もクリックして、データが重複してデータベースに保存されることを防いでいます。
readonly は input(text / password) と textarea のみ有効で、disabled は select, radio, checkbox, button などのすべてのフォーム要素で有効です。しかし、disabledを使用すると、POSTやGETでフォームを送信したときに、この要素の値は送信されません。しかし、disabled を使用した後に POST または GET でフォームを送信すると、この要素の値は渡されず、readonly は値を渡します (これは、フォーム内の textarea 要素を disabled または readonly に設定したが、送信ボタンは有効な場合に起こります)。
一般的によくあるケースは
1) ユーザーのためのフォームに一意の識別コードがあらかじめ入力されており、ユーザーはそれを変更することができませんが、送信時に値を渡す必要があるため、そのプロパティは読み取り専用に設定する必要があります。
ユーザーが正式にフォームを提出したときにしばしば発生した②は、ユーザーがフォーム内のデータを変更することはできませんが、唯一のビューに、管理者の情報の検証を待つ必要があるため、無効な要素の範囲の役割は、この時点で無効を使用する必要がありますが、同時に送信ボタンに注意を払う必要がありますも無効になっていますそうでない限り、ユーザーはこのボタンを押した場合、データベース内の値は完全性のチェックがデータベース操作画面で行われていない場合は、クリアされます。読み取り専用の代わりに、このケースでは、使用されている場合は、唯一の入力(テキスト/パスワード)とtextarea要素がある場合、それはまだ可能ですが、他の毛の要素は、選択などがある場合、ユーザーは値を書き換えることができますし、送信するEnterキーを押します(エンターは、デフォルトの送信トリガキーです)。
③ユーザーが送信ボタンを押した後に、javascriptで送信ボタンを無効にすることが多く、ネットワークの状態が悪い時に送信ボタンを何度もクリックして、データが重複してデータベースに保存されることを防いでいます。
関連
-
フロントエンドページのポップアップマスクは、ページのスクロールを無効にします。
-
html-webpack-plugin' を使用して html ページをインメモリで生成するプラグインです。
-
HTMLで2カラムレイアウト(左固定幅、右適応型)を実現する例
-
HTMLでHikvisionカメラのリアルタイム監視機能を実現
-
スパンの高さの下限を決めるという解決策は、何の効果もない
-
柔軟で安定した高品質のHTMLとCSSコード仕様の書き方ガイド
-
インライン要素spanの最小高さを定義する
-
各ブラウザのhrタグに関する注意点
-
フォームフォームにおけるmethod=post/getとデータ転送の違いについて
-
きちんとした標準的なHTMLタグの書き方を学ぶ
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン