Header

Partagez | 

II d - Mise en pratique - Les formulaires

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

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Le personnel

Bons Points (BP) : 106
Voir le profil de l'utilisateur

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+

Qui est en ligne ?

SoP en quelques chiffres

Nos étudiants ont posté un total de @messages@ messages.

Nous avons @membres_enregistres@ étudiants inscrits dans l’école.

Le dernier dossier validé est celui de @dernier_membre@.

@@membres_anniversaire_aujourdhui?@membres_anniversaire_aujourdhui=Il/Elle fête son anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$&@$Ils fêtent leur anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$, @@$Aucun membre ne fête son anniversaire aujourd'hui. @@

Ils étaient là hier

@derniers_membres_connectes$, @

Liste de présence

@membres_connectes$, @

La DirectionLes AssistantsLes SurveillantsLes ArtistesLes InspecteursLes PitresLes IntervenantsLes Doyens