ホームページ > 記事 > ウェブフロントエンド > HTMLでinputタグを非表示にする方法
HTMLでinputタグを非表示にする方法
- 青灯夜游オリジナル
- 2021-09-13 16:36:1212585ブラウズ
html input タグを非表示にする方法: 1. 構文 "" を使用して、input タグに hidden 属性を設定します。 2. input タグの type 属性の値を設定します。 「」という構文を使用して、「hidden」に変更します。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
#html入力タグを非表示にする
方法 1: 入力タグに非表示属性を設定します# #hidden この属性は、要素が非表示であることを指定します。非表示の要素は表示されません。
この属性を使用すると、要素は非表示になります。
hidden 属性は、特定の条件 (チェック ボックスをオンにするなど) が満たされた場合にのみユーザーが要素を表示できるように設定できます。その後、JavaScript を使用して非表示属性を削除し、要素を表示できるようになります。
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,数字等都可输入" hidden /><br /><br /> <input placeholder="文本,字母,数字等都可输入"/> </body> </html>
レンダリング:
##方法 2: 入力の type 属性の値を設定するtag 「hidden」
type 属性に表示される 要素のタイプを指定します。値を hidden に設定すると、非表示の入力フィールドが定義されます。
例:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,数字等都可输入"/><br /><br /> <input type="hidden" placeholder="文本,字母,数字等都可输入"/><br /><br /> <input placeholder="文本,字母,数字等都可输入"/><br /><br /> </body> </html>
レンダリング:
html ビデオ チュートリアル 
以上がHTMLでinputタグを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。