HTML でフォーム コントロールを無効にする方法: 読み取り専用と無効

フォーム上のコントロールを変更できないようにしたい場合があります。たとえば、パスワードを変更する Web ページでは、ユーザー名を表示するテキスト ボックスをフォーム内のコントロールを無効にする 2 つの方法があります。 Webページを作成する過程では、フォームを使用することがよくあります。ただし、フォーム上のコントロールを変更できないようにしたい場合があります。たとえば、パスワードを変更するための Web ページでは、ユーザー名を表示するテキスト ボックスを変更できないようにする必要があります。

HTML には次の 2 つの無効化方法があります:

1. readonly='readonly' 属性をコントロール ラベルに追加します
2. disabled='disabled' 属性をコントロール ラベルに追加します

例:

コードは次のとおりです。

<input type="text" value="只读的" readonly="readonly" /> 
<input type="text" value="不可用的" disabled="disabled" />

例内の 2 つのコントロールは変更できません。しかし、いくつかの違いもあります。

文字通りの意味から、readonly 属性を使用するコントロールは「読み取り専用」であり、disabled 属性を使用するコントロールは「無効」であることがわかります。それでは、それらの違いは何でしょうか？

読み取り専用コントロール (readonly 属性を使用するコントロール) は、ユーザーがマウスやキーボードを使用して変更することはできませんが、プログラマーは JavaScript を使用して変更できます。フォームが送信されると、コントロールの名前と値が に送信されます。これは、サーバーから見えることを意味します。

無効なコントロール (disabled 属性を使用したコントロール) は、ユーザーがマウスとキーボードを使用して変更できないだけでなく、サーバーには表示されません。つまり、その名前と値は、もちろん、プログラムのメンバーは JavaScript を使用してその値を変更することもできます。

これが違いです。違いを理解した上で、どの方法を使用するかを判断する必要があります。

HTML のフォーム コントロール、読み取り専用、および無効化を無効にする方法に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。