Programmation Web Avancée

Blogue

Les cours

Faire un champ email avec HTML5


Rédigé par , le
Grâce à HTML 5, on peut maintenant facilement ajouter un formulaire avec un champ courriel. Auparavant, il fallait utiliser un champ texte, avec idéalement une validation JavaScript avant de l’envoyer au serveur.

Maintenant, avec le nouveau type de champ « email », la validation est à même le navigateur. Plus besoin de s’en occuper ! Évidemment, il ne faut pas oublier de faire une validation serveur.

Voici un exemple de page qui contient un champ de type email.

<!DOCTYPE html>
<html lang="fr">
    <head>
        <title>Formulaire HTML5</title>
        <meta charset="utf-8" />
    </head>
    <body>
        <form action="" method="get">
            <label>
                Courriel : <input type="email" name="courriel" />
            </label>
        
            <input type="submit" value="Envoyer" />
        </form>
    </body>
</html>


html5 email preview

Pratique, non ?

Ne pas oublier cependant que IE et Safari ne supportent pas encore ce champ, ainsi que  les navigateurs plus anciens …

Ajouter votre commentaire
(facultatif)
(facultatif et non divulgé)
Captcha image
Prenez le nombre affiché et faites moins 1.
 
Blog  

Les articles


Pour envoyer une demande d'assistance à l'enseignant, cliquez ici