On souhaite créer un formulaire de demande d’emploi pour la société DevelopInfo

On souhaite créer un formulaire de demande d’emploi pour la société DevelopInfo Sarl : Partie 1 : Ecrire le code HTML correspondant au formulaire ci-dessus. Sachant que la page web doit contenir : - Des champs de textes pour saisir : le nom complet, l’adresse email, le téléphone, le salaire, la date (quand pouvez-vous commencer ?) sous format JJ/MM/AAAA ; - Une liste déroulante pour sélectionner un profil ; TP01 1/2 - Deux boutons radio pour sélectionner la mobilité ; - Une zone de texte multi-lignes pour placer un texte (Questions et Commentaires) qui ne doit pas dépasser 200 caractères ; - Un champ pour transférer le CV ; - Des étiquettes (Label) pour présenter les différents champs ; - Un bouton pour envoyer le formulaire et un autre pour remettre les valeurs par défaut. Partie 2 : Ecrire le code CSS pour la présentation afin de mettre : a. La page à une couleur de fond grise, avec le nom de police « Lucida Grande » et une taille de police de 95% ; b. Le formulaire au centre de la page web, à une couleur de fond blanche, avec une largeur de 50% de la page, une marge intérieure de 20 pixels et une bordure en gris clair de taille 1 pixel ; c. Les étiquettes (labels) en gras ; d. Les étoiles (*) en rouge ; e. Une bordure qui sépare le titre et les éléments du formulaire. Partie 3 : 1- Créer une fonction JavaScript qui contrôle la saisie en respectant les contraintes suivantes : a. Les champs marqués par l’étoile (*) sont obligatoires. b. L’adresse e-mail doit comporter au moins le caractère «@». c. La date doit avoir un format correct (JJ/MM/AAAA), il n’est pas demandé de vérifier la validité de la date. d. Le salaire doit être un nombre compris entre 999 et 99999. e. Le champ téléphone doit respecter le format marocain (10 chiffres commençant par 06 ou 05). 2- Ajouter une deuxième fonction JavaScript qui permet : - d’effacer le message par défaut lorsque le champ « Questions et Commentaires » prend le focus (click de la souris dans la zone multi-lignes). - de remettre le message par défaut lorsque le champ « Questions et Commentaires » est vide et s’il perd le focus. 3- Appeler les deux fonctions (des 2 questions précédentes 1 et 2) dans votre script en utilisant les événements appropriés. Partie 4 : reprendre la partie 3 en utilisant Jquery TP01 2/2 uploads/s3/ tp01 1 .pdf

  • 51
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager