Exercice : Création d’un formulaire d’inscription pour Mowadaba.ma
Vous devez créer un formulaire d’inscription pour la plateforme Mowadaba.ma en utilisant HTML, JavaScript, Materialize (pour la mise en forme) et PHP (pour le traitement des données). Le formulaire doit collecter les informations suivantes d’un étudiant :
- Nom
- Prénom
- Date de naissance
- Sexe (Homme/Femme)
- Classe (SRI1, SRI2, DSI1, DSI2)
- Adresse e-mail
- Numéro de téléphone
- Numéro de téléphone du père
- Numéro de téléphone de la mère
- CIN (Carte d’identité nationale)
- Massar (Identifiant Massar)
Instructions :
- Utilisez HTML pour créer la structure du formulaire et les champs nécessaires.
- Utilisez Materialize pour styliser le formulaire et les champs.
- Utilisez JavaScript pour valider les données du formulaire avant de les soumettre au serveur.
- Créez un script PHP (
inscription.php) pour traiter les données soumises par le formulaire. Stockez ces données dans une base de données fictive ou un fichier CSV, ou affichez simplement un message de confirmation de l’inscription. - Assurez-vous que le formulaire est convivial et que les erreurs de saisie sont correctement gérées (par exemple, vérifiez si l’e-mail est au bon format, si les champs obligatoires sont remplis, etc.).
Conseils :
- Utilisez la bibliothèque Materialize pour faciliter la mise en forme du formulaire.
- Utilisez JavaScript pour ajouter des validations de champ, par exemple, vérifiez que l’adresse e-mail est valide et que les numéros de téléphone sont au bon format.
- Utilisez PHP pour recevoir et traiter les données soumises par le formulaire.
