ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでinputタグを非表示にする方法

HTMLでinputタグを非表示にする方法

青灯夜游
リリース: 2023-01-11 09:19:51
オリジナル
12588 人が閲覧しました

html input タグを非表示にする方法: 1. 構文 "" を使用して、input タグに hidden 属性を設定します。 2. input タグの type 属性の値を設定します。 「」という構文を使用して、「hidden」に変更します。

HTMLでinputタグを非表示にする方法

このチュートリアルの動作環境: 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>
ログイン後にコピー

レンダリング:


HTMLでinputタグを非表示にする方法##方法 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タグを非表示にする方法

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート