Objectifs

• ِConnaitre les formulaires HTML.

1. Exercice 01

1. Énoncé

• Créer un formulaire HTML5 avec les éléments suivants :
• Un fieldset avec legend "coordonnées"
• Champ de texte avec l’attribut placeholder
• Champ pour renseigner une URL
• Champ pour renseigner une adresse eMail
• Champ réclamant un format numérique
• Champ de date avec ouverture d’un calendrier
• Champ de couleur en code hexadécimal
• Champ de téléchargement d’un fichier

2. Solution

• Essayez de faire l’exercice de votre côté avant de regarder la Solution !






Exercice 2

• Écrire une page HTML5 avec titre Création des formulaires
• Cette page contient un formulaire avec les contraintes suivantes :
• Utilisation de la méthode Get
• Le nom de la page cible est défini grâce à l’attribut action.
• présente une zone de saisie pour un identifiant (input de type text qui aura automatiquement le focus dès l’ouverture de la page),
• présente une zone de saisie pour un mot de passe.
• présente un champ caché nommé operations .
• présente un champ numéro de téléphone qui commence obligatoirement avec le chiffre 9 et n’accepte les chiffre de zéro à 9 pour le faire consulter Saisie de numéro de téléphone en HTML.
• présente un bouton pour télécharger les fichiers,
• présente un bouton d’envoi.

2. Solution

• Essayez de faire l’exercice de votre côté avant de regarder la Solution !

Exercice 3

• À l’aide des éléments et attributs HTML suivants:
• fieldset,date,radio,select,textarea,url,label,legend,mail,text,submit,optgroup label,..
• Reproduire le formulaire suivant:



Correction

• Essayez de faire l’exercice de votre côté avant de regarder la Solution !