EXERCICE 1
Le but de cet exercice est de rédiger le code d'une page nommée [Link], et qui
doit impérativement avoir l'apparence de la page correspondante, en annexe du sujet.
Note : la balise fieldset et legend cree le titre et le cadre de la form
legend : titre
fiedset : cadre de formulaire
Question : utilisant to en déjà vue dans le cours créer le formulaire suivant (input , label ,
fieldset ,legend) :
Nome ( input :text )
Prenome ( input :text )
Date de naissance ( input :date)
Lieu de naissance ( input :radio )
Code postal ( input :text )
Adress postal (input :text)
Adress electronique (input : email)
Page personnelle (input : link)
Telephone portable (input :tel)
Sommestre (select)
Niveau HTML (input : range)
Connaissance (input : checkbox)
Vos données personnelles
Nom
Prénom
Date de naissance
Lien de naissance
Maroc Autre pays
Adresse postale
Code postal
Adresse électronique
Page personnelle
Téléphone portable
Semestre S2
Niveau en HTML
Connaissances
HTML CSS Formulaire JavaScript
s
Envoyer
Exercice 2
Ajouter les caracteristiues suivant en utilisant les propriete suivant pour chaque input de exercice 1:
Nome: required, autocomplete, placeholder
Prenome: required, autocomplete, placeholder
Date de naissance : required, autocompate, placeholder
Lieu de naissance : required, automplate, placeholder
Code postal : required, placeholder
Adress postal : required, placeholder
Adress electronique : required, placeholder
Page personnelle : required, placeholder
Telephone portable : required, placeholder
Sommestre : required, placeholder
Niveau HTML : required , placeholder
Note : c’est qui placeholder et required , autocomplate
Placeholder : placeholder est un attribut qui permet de renseigner un texte indicatif par défaut
dans un champ de formulaire.
<label for=”username” >Username</label>
<input type=”text” placeholder=”Enter User Name” id=”username” />
Required : Lorsque L'attribut required est présent, il spécifie qu'un champ de saisie doit être rempli
avant de soumettre le formulaire.
<input type="text" name="email" placeholder="email adress" required="required">
Remarque : L'attribut obligatoire fonctionne avec les types d'entrées suivants : text, search,
url, tel, email, password, date, nombre, checkbox, radio, et file.
Autocompate : L'attribut autocomplete spécifie si oui ou non un champ doit avoir la fonction saisie
semi-automatique activée.
Autocomplete permet au navigateur de prédire la valeur. Lorsqu'un utilisateur commence à taper
dans un champ, le navigateur doit afficher des options de choix de mots, fondée sur des valeurs
précédemment tapées par l’utilisateur.
<input type="email" name="email" autocomplete="on">