" 2. Définissez la valeur de l'attribut type de la balise d'entrée sur "caché" avec la syntaxe " ; "."/> " 2. Définissez la valeur de l'attribut type de la balise d'entrée sur "caché" avec la syntaxe " ; ".">

Maison >interface Web >tutoriel HTML >Comment masquer la balise d'entrée en HTML

Comment masquer la balise d'entrée en HTML

青灯夜游
青灯夜游original
2021-09-13 16:36:1212618parcourir

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>

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>

Rendu :

Comment masquer la balise dentrée en HTML

Tutoriel recommandé : "Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn