Accueil Web HTML Champ mot de passe en HTML

Champ mot de passe en HTML

Dans ce cours nous allons voir comment créer un Champ mot de passe en HTML Lorsque les utilisateurs tapent des caractères dans un champ qui contient un mot de passe, le navigateur affiche des astérisques ou des balles à la place des lettres. Le Champ Mot de passe est le même que champ de texte avec quelques modifications dans le code HTML que nous allons voire dans ce cours.

La seule différence entre les deux types de champ est que lorsqu'un utilisateur a entré dans un champ de mot de passe, il affiche un point sur l'écran.

Comprendre à laide d'un exemple

Ce cours illustre un exemple champ mot de passe dans HTML.Dans ce tutoriel, le code illustre un nom d'utilisateur et un champ de texte mot de passe .

<form action>: La page doit être affichée lorsque vous cliquez sur le bouton Soumettre (Submit).

<input type>: La balise HTML inclure une balise <input>. Cela est spécifié par le type de l'attribut.

<name>:  Utilisé pour créer le champ nom du champ .

Le champ de texte Mot de passe masquer le caractère ou le numéro entré par l'utilisateur, au lieu de montrer le nombre lui même, il montre les points et les astérisques.

Le code html est enregistré avec l'extension. Html. Placez le chemin du code html dans une url du navigateur.

Exemple Mot de passe

<form action="">

Nom:
<input type="text" name="Nom utilisateur">

Mot de passe:
<input type="password" name="Mot de passe">

</form>

 

Ce code HTML affiche deux champs de text dans le navigateur :

Nom utilisateur: 

Mot de passe : 

Télécharger l'exemple