Comment masquer la balise d'entrée en HTML-tutoriel HTML-php.cn

Comment masquer la balise d'entrée en HTML

青灯夜游

Libérer： 2023-01-11 09:19:51

original

12562 Les gens l'ont consulté

Comment masquer la balise d'entrée HTML : 1. Définissez l'attribut caché sur la balise d'entrée, avec la syntaxe "" ; 2. Définissez la valeur de l'attribut type de la balise d'entrée sur "hidden ", avec la syntaxe "".

Comment masquer la balise d'entrée en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

html hide input tag

Méthode 1 : Définissez l'attribut caché sur la balise d'entrée

L'attribut caché spécifie que l'élément est masqué. Les éléments masqués ne seront pas affichés.

Si cet attribut est utilisé, l'élément sera masqué.

Vous pouvez définir l'attribut masqué afin que les utilisateurs ne puissent voir un élément que lorsque certaines conditions sont remplies (comme cocher une case, etc.). Vous pouvez ensuite utiliser JavaScript pour supprimer l'attribut masqué, rendant ainsi l'élément visible.

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<input placeholder="文本,字母,数字等都可输入" hidden /><br /><br />
		<input placeholder="文本,字母,数字等都可输入"/>
	</body>
</html>

Copier après la connexion

Rendu :

Comment masquer la balise dentrée en HTML

Méthode 2 : Définissez la valeur de l'attribut type de la balise d'entrée sur "caché"

L'attribut type spécifie le type de l'élément être affiché ; définir Une valeur masquée définit un champ de saisie masqué.

Exemple :

<!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>

Copier après la connexion

Rendu :

Comment masquer la balise dentrée en HTML