HTML でフォーム コントロールを無効にする 2 つの方法: readonly とdisabled_HTML/Xhtml_Webpage Production

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

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

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

例:

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

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

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

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

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