ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLで入力を非表示にする方法

HTMLで入力を非表示にする方法

青灯夜游
青灯夜游オリジナル
2021-05-27 17:13:4816112ブラウズ

Hide メソッド: 1. input タグの type 属性の値を「hidden」に設定します。2. input タグの style 属性を使用して「display:none」スタイルを追加します。3. を使用します。 input タグの style 属性を使用して、「visibility:hidden」スタイルを追加します。

HTMLで入力を非表示にする方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

方法 1:

<input  type = "hidden" />

type 属性は、入力要素のタイプを指定します。値が非表示の場合、非表示の入力フィールドを定義できます。

メソッド 2:

<input  type = "text"  style = "display:none"  />

style 属性は、要素

display:none メソッドのインライン スタイルを指定します。スペースを占有せず、要素を非表示にします。そのため、この属性を動的に変更すると、再配置 (ページ レイアウトの変更) が発生します。これは、ページから要素を削除すると理解できます。子孫には継承されませんが、その子孫は表示されません。 . 結局のところ、すべて一緒に隠れています。

方法 3:

<input  type = "text"  style = "visibility:hidden"  />

visibility 属性は、要素が表示されるかどうかを指定します。このプロパティは、要素によって生成される要素ボックスを表示するかどうかを指定します。これは、要素がまだ元のスペースを占めていますが、完全に非表示になる可能性があることを意味します。

visibility:hiddenメソッドでは、要素は非表示になりますが、消えることはなく、スペースを占有し続けます。非表示にした後、元の HTML スタイルは変更されません。子孫によって継承され、子孫は、visibility:visible;; を設定することで非表示を解除することもできます。要素にバインドされたイベントはトリガーされません。このプロパティを動的に変更すると、再描画が発生します。

プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 !

以上がHTMLで入力を非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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