HTMLでテキストボックスを非表示にする方法

htmlテキスト ボックスを非表示にする方法: 1. 入力テキスト ボックスのタイプ属性の値を「hidden」に設定します。 2. テキスト ボックスに「display:none」スタイルを追加します。 3. 「visibility」を追加します。 " をテキスト ボックス :hidden" スタイルに設定します。 4. テキスト ボックスの幅と高さを 0 に設定します。

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

HTML でテキスト ボックスを非表示にする 4 つの方法

方法 1:

<input type="hidden" value="">

すべてのテキスト ボックス (主にストア データに使用される非表示フィールド) で動作します)

方法 2:

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

オブジェクトが非表示になった後、オブジェクトはスペースを占有しません。

方法 3:

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

オブジェクトが非表示になった後、オブジェクトはスペースを占有しません。非表示の場合は、対応するスペースを占有します

方法 4:

<input type="text" value="" style"width:0;height:0;">

推奨チュートリアル: "html ビデオ チュートリアル "

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