ホームページ  >  記事  >  ウェブフロントエンド  >  HTML でフォーム コントロールを無効にする方法はいくつかあります。

HTML でフォーム コントロールを無効にする方法はいくつかあります。

php中世界最好的语言
php中世界最好的语言オリジナル
2018-02-01 09:46:233677ブラウズ

今回は、HTML でフォーム コントロールを無効にするいくつかの方法を紹介します。HTML でフォーム コントロールを無効にするための の注意点は何ですか?実際のケースを見てみましょう。 Webページを作成する過程で、フォームを使用することがよくあります。ただし、フォーム上のコントロールを変更できないようにしたい場合があります。たとえば、パスワードを変更するための Web ページでは、ユーザー名を表示するテキスト ボックスを変更不可能にする必要があります status

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 を使用してその値を変更することもできます。 これが違いであることを理解した上で、どの方法を使用するかを判断する必要があります。
これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

ハイパーリンクの幅と高さを設定する方法


html スタイルを使用して属性を追加する方法の例


CSS3 でプログレッシブ拡張とグレースフル デグラデーションを使用する方法

以上がHTML でフォーム コントロールを無効にする方法はいくつかあります。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。