School of Progress

Partagez | 

II d - Mise en pratique - Les formulaires

Le personnel

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:
Voir le profil de l'utilisateur
Bons Points (BP) : 106

MessageSujet: II d - Mise en pratique - Les formulaires   Dim 20 Nov - 23:14


Exercice

Tous niveaux

II d - Mise en pratique
Les formulaires





Pour ce nouvel exercice, nous allons essayer de coder un formulaire de commande graphique. Voici à quoi cela ressemblera au final :


Des ressources utiles

Même si, à présent, tu es censé(e) connaître les balises pour coder un formulaire, voici quelques tutoriels qui pourraient t'aider :
Les formulaires HTML ;
Mises en page css ;
Les sélecteurs CSS.

Le formulaire

Voici donc le formulaire que nous aimerions que tu fasses. Celui-ci se décompose en 2 parties.

Des informations sur le forum

Cette partie concerne donc le forum pour lequel est passée la commande.


Elle comportera :
• 2 champs textes (un pour le nom, un pour l’URL du forum) ;
• Une liste de boutons radios pour le type de forum ;
• Une liste déroulante pour le rôle qu'à le membre sur le forum.

La commande

La seconde partie du formulaire concerne la commande elle-même.


Elle comportera :
• Une série de cases à cocher avec les éléments que désire avoir le membre ;
• Une liste de boutons radios pour savoir si le membre veut ou non une personnalisation du codage ;
• 3 zones de textes (pour les couleurs, les images, les informations utiles).

Finalement

Et finalement, le formulaire aura 2 boutons : envoyer et annuler.

Autres informations

Tous les champs sont obligatoires sauf les champs de texte “couleurs” et “autres informations utiles”.

Pour structurer les 2 parties du formulaire, n'hésite pas à utiliser des fieldset.

La mise en page est laissée libre ; fais toi plaisir Wink




Une fois ton formulaire terminé, il te suffit de le poster dans ton sujet de rendu de devoirs. Un membre du personnel encadrant viendra ensuite corriger ta copie.


Revenir en haut Aller en bas
II d - Mise en pratique - Les formulaires
Page 1 sur 1
 Sujets similaires
-
» Lecture video interrompue avec mise en tampon
» probleme avec les cellules d'excel sur la mise en forme
» Attention : Fausse mise à jour qui cache un cheval de Troie !
» S. Demande de mise en page - Site du forum
» antivir périmé, mise à jour KO
Réponse rapide

School of Progress :: La bibliothèque :: Livret d'exercices :: Codage+