htmlの入力のreadonly属性とdisable属性の違いについて

ReadonlyとDisabledは、どちらもユーザーがフォームフィールドの内容を変更できないようにするために使用することができます。しかし、以下にまとめるように、両者には細かな違いがあります。

readonly は input(text / password) と textarea に対してのみ機能し、 disabled はすべてのフォーム要素に対して機能しますが、 disabled では POST または GET でフォームを送信したときに要素の値が渡されないのに対し、 readonly ではその値が渡されます (readonlyは値の変更を受け入れ、それを戻すことができる。disableは変更を受け入れるが、データを戻さない)。

一般的により一般的なケースは

1. ユーザー用のフォームに一意の識別コードがあらかじめ入力されており、ユーザーがそれを変更することはできません。 が、送信時にその値を渡す必要がある場合は、そのプロパティをreadonlyに設定する必要があります。

2は、しばしばユーザーが正式にフォームを提出したときに発生したフォームのデータを変更するユーザーを許可しない管理者の情報の検証を待つ必要がありますが、唯一の無効な要素の範囲の役割ので、この時間は、無効を使用する必要がありますが、同時に送信ボタンに注意を払う必要がありますも無効です、それ以外の限り その他、ユーザーがこのボタンを押すと、データベース内の値は完全性のチェックがデータベース操作画面で行われていない場合クリアにされます。読み取り専用の代わりに、このケースでは、使用されている場合は、唯一の入力（テキスト/パスワード）とtextarea要素がある場合、それはまだ可能ですが、他の毛の要素は、選択などがある場合、ユーザーは値を書き換えることができますし、（エンターは、デフォルトの送信トリガキー）送信するエンターキーを押し

3. ユーザーが送信ボタンを押した後に、送信ボタンを押すことがよくあります。 javascriptで送信ボタンを無効化する。 これにより 防ぐ ネットワーク環境が悪い環境では を何度もクリックする必要はありません。 ボタンを押すと、データベースにデータが重複して保存されます。

disabled と readonly の2つのプロパティには共通点があります。例えば、両方とも true に設定すると、フォームのプロパティは編集できなくなりますし、以下のような js コードを書くときに、2つのプロパティを混在させやすいことがあります。 実は、この両者には違いがあるのです。

入力項目のdisabledがtrueに設定されている場合、その項目の を実行すると、フォーム入力にフォーカスが当たらず、ユーザーの その入力に対して、すべてのユーザーアクション（マウスクリック、キーボード入力など）が無効となる 最も重要なポイントは、フォームが送信されたときに の入力は送信されません。

そして readonly はテキスト入力ボックスのみ であれば、テキストを入力することができます。 がtrueに設定されている場合 ユーザーのみ は対応するテキストを編集できないので が、フォーカスを当てることは可能で、入力が送信されるとフォームの項目として送信されます。 

以上、htmlのreadonly属性とdisable属性の違いについてお伝えしました。

元のアドレス http://blog.csdn.net/playboyanta123/article/details/12682419#comments