HTMLでinputタグを非表示にする方法-htmlチュートリアル-php.cn

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

青灯夜游

リリース： 2023-01-11 09:19:51

オリジナル

12562 人が閲覧しました

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タグを非表示にする方法」