Cours 5.3. Le champ <input>

La balise <input>

La balise <input> est le champ le plus important dans les formulaires. L'attribut pincipal est type="", ce dernier va déterminer la façon dont le champ sera affiché :

text : champ de texte sur une seule ligne (par défaut)
number : saisie d'un nombre
email : saisie d'une adresse email
date : saisie d'une date
password : saisie d'un mot de passe
color : sélection d'une couleur
range : valeur numérique comprise entre deux bornes (slider)
submit : bouton de soumission du formulaire

L'attribut name

L'attribut name spécifie le nom du champ qui doit être unique. C'est ce nom qui va servir d'identifiant au script de traitement. Par exemple, les données du champ

<input type="text" name="ville">

seront récupérées dans la variable $_POST['ville'] ou $_GET['ville'].

L'attribut value

L'attribut value="" permet de spécifier une valeur par défaut qui sera affichée au moment de l'affichage de la page :

<input type="text" name="ville" value="Angers">

affiche :

L'attribut placeholder

L'attribut placeholder="" affiche un message à destination de l'utilisateur qui sera automatiquement effacé lorsque l'utilisateur saisira le premier caractère :

<input type="text" name="ville" placeholder="Entrez votre ville">

affiche :

Exercice

Écrire le code HTML permettant d'afficher un formulaire d'identification (email et mot de passe) conformément à l'exemple suivant :

Dans le script traitement.php, vérifiez que les données reçues correspondent à l'utilisateur pierre@gmail.com et au mot de passe abcdef :

si c'est correct, affichez Vous êtes connecté
sinon Identifiant ou mot de passe non valide

Faire l'exercice en ligne

Solution

Cours 5.2 Sommaire Cours 5.4

Voir aussi

Dernière mise à jour : 17/09/2022