Scribd
Importer
0 vues2 pages

TP3 HTML

Le document décrit les instructions pour créer un formulaire HTML complet pour une inscription, incluant des champs pour les informations personnelles, des choix utilisateur, une liste déroulante pour le pays, une zone de texte pour des commentaires, et des boutons pour envoyer ou réinitialiser le formulaire. Il précise également des contraintes comme l'utilisation de balises <form> et <label>, l'obligation de certains champs, ainsi que des éléments de style CSS pour améliorer l'affichage. De nouveaux éléments à ajouter incluent un champ pour télécharger une photo de profil et un champ caché.

Transféré par

medamine.safio
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0 vues2 pages

TP3 HTML

Le document décrit les instructions pour créer un formulaire HTML complet pour une inscription, incluant des champs pour les informations personnelles, des choix utilisateur, une liste déroulante pour le pays, une zone de texte pour des commentaires, et des boutons pour envoyer ou réinitialiser le formulaire. Il précise également des contraintes comme l'utilisation de balises <form> et <label>, l'obligation de certains champs, ainsi que des éléments de style CSS pour améliorer l'affichage. De nouveaux éléments à ajouter incluent un champ pour télécharger une photo de profil et un champ caché.

Transféré par

medamine.safio
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

TP3 Technologie Web : HTML

Exercice1 :

Créer un formulaire HTML complet pour une inscription.

Travail demandé

Créer une page HTML contenant un formulaire avec les éléments suivants :

1. Informations personnelles

• Un champ pour le nom


• Un champ pour le prénom
• Un champ pour l’email
• Un champ pour le mot de passe

2. Informations supplémentaires

• Un champ pour l’âge (type number)


• Un champ pour la date de naissance (type date)

3. Choix utilisateur

• Des boutons radio pour choisir le genre :


o Homme
o Femme
• Des cases à cocher pour les langages informatiques connus :
o HTML
o CSS
o JavaScript

4. Liste déroulante

Créer une liste pour choisir le pays :

• Maroc
• France
• Canada

5. Zone de texte

Ajouter une zone pour écrire un message ou commentaire.


6. Boutons

Ajouter :

• Un bouton Envoyer
• Un bouton Réinitialiser

7. Choix multiple (liste multiple)

Ajouter une liste où on peut choisir plusieurs options Exemples :

• HTML
• CSS
• JavaScript
• Python

Contraintes

• Utiliser la balise <form>


• Tous les champs importants doivent être obligatoires
• Utiliser des <label> pour chaque champ
• Organiser le formulaire avec des retours à la ligne (<br>)

• Ajouter un peu de CSS pour améliorer l’affichage


• Centrer le formulaire sur la page
• Ajouter des couleurs

Nouveaux éléments à ajouter


Photo de profil

• Ajouter un champ pour télécharger une image

Champ caché

• Ajouter un champ caché (invisible)

Vous aimerez peut-être aussi