方法:HTMLの非表示の選択ボックス

生産性を維持するには、永続性を維持する必要があります

画像クレジット: PeopleImages / E + / GettyImages

HTML選択ボックスは、さまざまなオプションから選択できるWebページ要素です。 通常、ドロップダウンメニューとして表示されます。 HTMLまたはスタイリング言語CSSを使用して、選択ボックスまたは別のWebページ要素を非表示にすることができます。 その他のオプションには、JavaScriptを使用してプログラムで要素を非表示にすることや、ほとんどの状況でWebページに表示されないHTMLで非表示の入力を設定することが含まれます。

HTMLとCSSを使用して選択ボックスにスタイリングオプションを配置し、選択ボックスを非表示にして非表示にします。 CSSとHTMLを使用して要素を非表示にする2つの主要な方法は、可視性スタイル属性と表示スタイル属性を使用することです。

今日のビデオ

要素の可視性を非表示に設定すると、要素はWebページに表示されませんが、そこにあるかのようにスペースを占有します。 デフォルトでは、可視性は「可視」に設定されており、オブジェクトは通常どおり表示されます。

要素がページ上のスペースを占有しないようにして、要素がHTMLコードにまったく含まれていないかのようにWebサイトがレンダリングされるようにする場合は、代わりにdisplay属性を使用します。 オブジェクトを非表示にするには、displayを「none」に設定します。

これは、オブジェクトのスタイル属性で行います。. 非表示の入力は、ユーザー入力から生成されたフォームフィールド、またはユーザーがWebサイトからダウンロードしたフォームの実際のバージョンを使用していることを確認するために使用されるランダム化されたセキュリティコードに使用されることがあります。

ユーザーはJavaScriptを使用して非表示の入力のコンテンツにアクセスできるため、ページのソースコードを読み取る またはネットワークトラフィックを監視する場合、それらを端から隠さなければならない情報に使用しないでください ユーザー。