Champ de mot de passe
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 38 sur 60.
En HTML, un champ de mot de passe est un type de champ de saisie utilisé pour recueillir les mots de passe des utilisateurs.
Il est similaire à un champ de saisie de texte classique, mais les caractères saisis dans un champ de mot de passe sont masqués, généralement affichés sous forme d'astérisques ou de points. Ceci permet d'empêcher d'autres personnes de voir le mot de passe pendant qu'il est saisi.
Pour créer un champ de mot de passe, vous utilisez la balise <input> avec l'attribut type défini sur "password".
Voici la syntaxe de base pour créer un champ de mot de passe en HTML :
<input type="password" name="passwordfield">
Défi
FacileCréez un document HTML qui inclut un form avec un champ de mot de passe. Le champ de mot de passe doit avoir le name de “userpassword", un type de password" et un espace réservé qui indique "Enter your password". Définissez la longueur maximale du champ de mot de passe à 20 caractères.
Aide-mémoire
Un champ de mot de passe est un champ de saisie qui masque les caractères tapés (affichés sous forme d'astérisques ou de points) pour cacher les mots de passe à la vue.
Créez un champ de mot de passe en utilisant la balise <input> avec type="password" :
<input type="password" name="passwordfield">Des attributs supplémentaires peuvent être utilisés :
placeholder- affiche un texte d'indicemaxlength- limite le nombre de caractères
<input type="password" name="userpassword" placeholder="Enter your password" maxlength="20">Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<!-- Écrivez le code ici -->
</body>
</html>
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Fundamentals
1Les bases du HTML
Qu'est-ce que le HTML ?Structure de base du HTMLBalises et élémentsImbrication et fermeture des balisesCommentaires en HTML7Page de profil personnel
Présentation du projetSection d'en-tête
Photo de profilSection À propos de moiLiens sociaux2Texte et mise en forme
TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme8Formulaires et champs de saisie, partie 1
Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base11Page d'inscription à un événement
Aperçu du projetSection d'en-têteSection des détails de l'événementFormulaire d'inscriptionSection de pied de page3Travailler avec les listes
Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes6Mise en page
DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en page