HTML の readonly 属性と disable input read-only 属性の違いについての簡単な説明

読み取り専用と無効は両方とも、ユーザーがフォームフィールドのコンテンツを変更できないようにします。しかし、それらの間にはわずかな違いがあり、それらを要約すると次のようになります:

Readonly は入力 (テキスト/パスワード) とテキストエリアに対してのみ有効ですが、disabled はすべてのフォーム要素に対して有効ですが、フォーム要素が disabled を使用した後、 use フォームが POST または GET 経由で送信された場合、この要素の値は渡されませんが、readonly は値を渡します (readonly は値の変更を受け入れてそれを返すことができ、disable は変更を受け入れますがデータを返しません)。

一般的な状況は次のとおりです:

1. ユーザーは、一意の識別コードを変更することはできませんが、送信時にその値を渡す必要があります。属性は読み取り専用に設定する必要があります。

2. ユーザーがフォームを正式に送信し、管理者による情報の検証を待つ必要がある場合、ユーザーはフォーム内のデータを変更することはできませんが、無効になっているため表示のみが可能であることがよくあります。広範囲の要素の場合、この Disabled を使用する必要がありますが、同時に、データベース操作で整合性チェックが行われない場合、ユーザーがこのボタンを押している間は送信ボタンも無効にする必要があることに注意してください。ページを開くと、データベース内の値がクリアされます。この場合、無効ではなく readonly を使用しても、フォーム内に input (text/password) 要素と textarea 要素しかない場合は、select などの他の要素がある場合でも、ユーザーは値を書き換えて押すことができます。 Enter キーを押して送信します (Enter はデフォルトの送信トリガー ボタンです)

3. ユーザーが送信ボタンを押した後、JavaScript を使用して送信ボタンを無効にすることがよくあります。これにより、ネットワーク状況が悪い場合にユーザーが送信ボタンを繰り返し押すことを防ぐことができます。送信ボタンをクリックすると、データがデータベースに重複して保存されます。

disabled と readonly にはいくつかの共通点があります。たとえば、両方が true に設定されている場合、js コードを記述するときにこれら 2 つの属性を混合するのは簡単です。一定の違いがあります:

入力項目の無効が true に設定されている場合、フォーム入力項目はフォーカスを取得できず、入力項目に対するすべてのユーザー操作 (マウスのクリックやキーボード入力など) が無効になります。最も重要な点は、フォームが送信されたときに、このフォームの入力は送信されないことです。

そして readonly は、テキストを入力できるテキスト入力ボックスなどの入力項目のみに適用されます。 true に設定すると、ユーザーは対応するテキストを編集できなくなりますが、フォーカスすることはでき、フォームを送信するときに入力項目が使用されます。提出フォームとして。

上記の記事は、HTML の入力読み取り専用属性 readonly と disable の違いについて簡単に説明しています。これはエディターが共有するすべての内容です。参考にしていただければ幸いです。PHP をサポートしていただければ幸いです。中国語のウェブサイト。

HTML の readonly 属性と disable input 属性の違いに関するその他の記事については、PHP 中国語 Web サイトに注目してください。