Aide formulaire site internet
Résolu
choubi069
Messages postés
15
Date d'inscription
Statut
Membre
Dernière intervention
-
choubi069 Messages postés 15 Date d'inscription Statut Membre Dernière intervention -
choubi069 Messages postés 15 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'essai de faire un formulaire pour mon site mais j'aurai besoin de votre aide.
1) Je ne sais pa mettre la date de naissance sous un format JJ/MM/AAAA pour le moment c'est en format type=text
2) J'aimerai rendre certain champs obligatoire, marqué par une asterix et une couleur de fond pour les differencier des autres.
ces champs sont : Nom, Prénom, Date de naissance, Pays, Diplôme principal, Mail.
3) J'ai deux champs ou j'aimerai faire une sorte de suivit... je m'explique
les champs "Diplome principal" et" filiere" sont liés. En effet j'aimerai que suivant l'option choisi dans le champs "Diplome principal" le champs "filiere" apparaisse avec ses propres options...
Par exemple lorsque l'on selection pharmacien, le champ filiere affiche les 5 options definies...
En revanche si on choisi autre chose que pharmacien alors je n'ai pas besoin que le champs filiere s'affiche.
Si on ne peut pas l'empecher de s'afficher peut etre le rendre inaccesible?
Voici le code de la premiere partie de mon formulaire.
""
<FORM method=post action="../cgi-bin/script.pl">
<p align="left"><b><font size="5">
</font></b></p>
<TABLE BORDER=0>
<tr>
<TD colspan="2"> <p align="center"><b><font size="5">Coordonnées Personnelles
</font></b></p>
<p align="left"> </TD>
</tr>
<TR>
<TD>
<p align="left">Nom</TD>
<TD>
<p align="left">
<INPUT type=text name="nom" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Nom Marital</TD>
<TD>
<p align="left">
<INPUT type=text name="nom marital" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Prénom</TD>
<TD>
<p align="left">
<INPUT type=text name="prenom" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Date de Naissance (JJ/MM/AAAA)</TD>
<TD>
<p align="left">
<INPUT type=text name="date de naissance" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Sexe</TD>
<TD>
<p align="left">Homme : <INPUT type=radio name="sexe" value="M">
<br>Femme : <INPUT type=radio name="sexe" value="F">
</TD>
</TR>
<TR>
<TD>
<p align="left">Promotion</TD>
<TD>
<p align="left">
<INPUT type=text name="Promotion" size=40> (dernière année à la faculté)
</TD>
</TR>
<TR>
<TD>
<p align="left">Adresse Personnelle</TD>
<TD>
<p align="left">
<INPUT type=text name="adresse personnelle" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Code Postal</TD>
<TD>
<p align="left">
<INPUT type=text name="code postal" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Ville</TD>
<TD>
<p align="left">
<INPUT type=text name="ville" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Pays</TD>
<TD>
<p align="left">
<INPUT type=text name="pays" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Téléphone</TD>
<TD>
<p align="left">
<INPUT type=text name="telephone" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">e-mail</TD>
<TD>
<p align="left">
<INPUT type=text name="e-mail" size=40>
</TD>
</TR>
<TR>
<TD>Diplôme Principal</TD>
<TD>
<SELECT name="diplôme principal">
<OPTION VALUE=""></OPTION>
<OPTION VALUE="Ingénieur">Ingénieur</OPTION>
<OPTION VALUE="Medecin">Medecin</OPTION>
<OPTION VALUE="Pharmacien">Pharmacien</OPTION>
<OPTION VALUE="Veterinaire">Veterinaire</OPTION>
<OPTION VALUE="autre">Autre</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD>Filiére</TD>
<TD>
<SELECT name="filiére">
<OPTION VALUE=""></OPTION>
<OPTION VALUE="Industrie">Industrie</OPTION>
<OPTION VALUE="Ingénieur">Ingénieur</OPTION>
<OPTION VALUE="Internat">Internat</OPTION>
<OPTION VALUE="Officine">Officine</OPTION>
<OPTION VALUE="Recherche">Recherche</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD>
<p align="left">Formation Complémentaire n°1</TD>
<TD>
<p align="left">
<INPUT type=text name="formation complementaire n°1" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Formation Complémentaire n°2</TD>
<TD>
<p align="left">
<INPUT type=text name="formation complementaire n°2" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Formation Complémentaire n°3</TD>
<TD>
<p align="left">
<INPUT type=text name="formation complementaire n°3" size=40>
</TD>
</TR>
<TR>
<TD COLSPAN=2>
<p align="center">
<INPUT type="submit" value="Envoyer">
<INPUT type="reset" value="Effacer">
</TD>
</TR>
</TABLE>
</FORM>
""
Si il y a des erreurs n'hésitez pas.
Une fois mon formulaire fini, je m'occuperai de le relier a une bdd (MySQL)
J'espere que quelqu'un pourra m'aider, je vous remercie par avance
Je vous donne mon mail si vous souhaitez me joindre sur msn ou par mail :
choubi069@hotmail.com
J'essai de faire un formulaire pour mon site mais j'aurai besoin de votre aide.
1) Je ne sais pa mettre la date de naissance sous un format JJ/MM/AAAA pour le moment c'est en format type=text
2) J'aimerai rendre certain champs obligatoire, marqué par une asterix et une couleur de fond pour les differencier des autres.
ces champs sont : Nom, Prénom, Date de naissance, Pays, Diplôme principal, Mail.
3) J'ai deux champs ou j'aimerai faire une sorte de suivit... je m'explique
les champs "Diplome principal" et" filiere" sont liés. En effet j'aimerai que suivant l'option choisi dans le champs "Diplome principal" le champs "filiere" apparaisse avec ses propres options...
Par exemple lorsque l'on selection pharmacien, le champ filiere affiche les 5 options definies...
En revanche si on choisi autre chose que pharmacien alors je n'ai pas besoin que le champs filiere s'affiche.
Si on ne peut pas l'empecher de s'afficher peut etre le rendre inaccesible?
Voici le code de la premiere partie de mon formulaire.
""
<FORM method=post action="../cgi-bin/script.pl">
<p align="left"><b><font size="5">
</font></b></p>
<TABLE BORDER=0>
<tr>
<TD colspan="2"> <p align="center"><b><font size="5">Coordonnées Personnelles
</font></b></p>
<p align="left"> </TD>
</tr>
<TR>
<TD>
<p align="left">Nom</TD>
<TD>
<p align="left">
<INPUT type=text name="nom" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Nom Marital</TD>
<TD>
<p align="left">
<INPUT type=text name="nom marital" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Prénom</TD>
<TD>
<p align="left">
<INPUT type=text name="prenom" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Date de Naissance (JJ/MM/AAAA)</TD>
<TD>
<p align="left">
<INPUT type=text name="date de naissance" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Sexe</TD>
<TD>
<p align="left">Homme : <INPUT type=radio name="sexe" value="M">
<br>Femme : <INPUT type=radio name="sexe" value="F">
</TD>
</TR>
<TR>
<TD>
<p align="left">Promotion</TD>
<TD>
<p align="left">
<INPUT type=text name="Promotion" size=40> (dernière année à la faculté)
</TD>
</TR>
<TR>
<TD>
<p align="left">Adresse Personnelle</TD>
<TD>
<p align="left">
<INPUT type=text name="adresse personnelle" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Code Postal</TD>
<TD>
<p align="left">
<INPUT type=text name="code postal" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Ville</TD>
<TD>
<p align="left">
<INPUT type=text name="ville" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Pays</TD>
<TD>
<p align="left">
<INPUT type=text name="pays" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Téléphone</TD>
<TD>
<p align="left">
<INPUT type=text name="telephone" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">e-mail</TD>
<TD>
<p align="left">
<INPUT type=text name="e-mail" size=40>
</TD>
</TR>
<TR>
<TD>Diplôme Principal</TD>
<TD>
<SELECT name="diplôme principal">
<OPTION VALUE=""></OPTION>
<OPTION VALUE="Ingénieur">Ingénieur</OPTION>
<OPTION VALUE="Medecin">Medecin</OPTION>
<OPTION VALUE="Pharmacien">Pharmacien</OPTION>
<OPTION VALUE="Veterinaire">Veterinaire</OPTION>
<OPTION VALUE="autre">Autre</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD>Filiére</TD>
<TD>
<SELECT name="filiére">
<OPTION VALUE=""></OPTION>
<OPTION VALUE="Industrie">Industrie</OPTION>
<OPTION VALUE="Ingénieur">Ingénieur</OPTION>
<OPTION VALUE="Internat">Internat</OPTION>
<OPTION VALUE="Officine">Officine</OPTION>
<OPTION VALUE="Recherche">Recherche</OPTION>
</SELECT>
</TD>
</TR>
<TR>
<TD>
<p align="left">Formation Complémentaire n°1</TD>
<TD>
<p align="left">
<INPUT type=text name="formation complementaire n°1" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Formation Complémentaire n°2</TD>
<TD>
<p align="left">
<INPUT type=text name="formation complementaire n°2" size=40>
</TD>
</TR>
<TR>
<TD>
<p align="left">Formation Complémentaire n°3</TD>
<TD>
<p align="left">
<INPUT type=text name="formation complementaire n°3" size=40>
</TD>
</TR>
<TR>
<TD COLSPAN=2>
<p align="center">
<INPUT type="submit" value="Envoyer">
<INPUT type="reset" value="Effacer">
</TD>
</TR>
</TABLE>
</FORM>
""
Si il y a des erreurs n'hésitez pas.
Une fois mon formulaire fini, je m'occuperai de le relier a une bdd (MySQL)
J'espere que quelqu'un pourra m'aider, je vous remercie par avance
Je vous donne mon mail si vous souhaitez me joindre sur msn ou par mail :
choubi069@hotmail.com
A voir également:
- Aide formulaire site internet
- Whatsapp formulaire opposition - Guide
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Formulaire de réclamation facebook - Guide
3 réponses
Bonsoir,
Pour la première question, tu peux faire des listes déroulantes : une pour le jour, une pour le mois et une pour l'année.
Deuxièmement, tu n'as qu'à mettre une classe, "obligatoire" par exemple, aux éléments obligatoires. Tu peux ensuite leur appliquer un style particulier.
Pour la troisième question, tu dois pouvoir faire ça en Javascript : tu surveille la modification de ta première liste et tu affiches ou caches la seconde en fonction de la valeur courante de la première...
Pour la première question, tu peux faire des listes déroulantes : une pour le jour, une pour le mois et une pour l'année.
Deuxièmement, tu n'as qu'à mettre une classe, "obligatoire" par exemple, aux éléments obligatoires. Tu peux ensuite leur appliquer un style particulier.
Pour la troisième question, tu dois pouvoir faire ça en Javascript : tu surveille la modification de ta première liste et tu affiches ou caches la seconde en fonction de la valeur courante de la première...
Merci pour la réponse.
Pour les dates c'est une solution que je sais faire. Mais n'existe t-il pas une solution qui pourrait etre JJ/MM/AAAA?
Qu'est ce que tu entends par "mettre une classe, "obligatoire" par exemple"
Pour appliquer un style pourquoi pas mais comment faire pour que lorsque le champs est vide il soit de couleur beige par exemple et lorsque tu le remplis il prenne la mm couleur que les autres champs par exemple blanc?
Comment faire pour surveiller la modification de la première liste? et comment faire pour afficher ou cacher la seconde en fonction de la valeur courante de la première?
Je suis novice et ne connait pas le ligne de code pour les questions posées donc si vous pouviez me donner les lignes de code en me les expliquants ca m'aiderai énormement.
Merci par avance
Pour les dates c'est une solution que je sais faire. Mais n'existe t-il pas une solution qui pourrait etre JJ/MM/AAAA?
Qu'est ce que tu entends par "mettre une classe, "obligatoire" par exemple"
Pour appliquer un style pourquoi pas mais comment faire pour que lorsque le champs est vide il soit de couleur beige par exemple et lorsque tu le remplis il prenne la mm couleur que les autres champs par exemple blanc?
Comment faire pour surveiller la modification de la première liste? et comment faire pour afficher ou cacher la seconde en fonction de la valeur courante de la première?
Je suis novice et ne connait pas le ligne de code pour les questions posées donc si vous pouviez me donner les lignes de code en me les expliquants ca m'aiderai énormement.
Merci par avance