Aide formulaire site internet

Résolu/Fermé
choubi069 Messages postés 15 Date d'inscription dimanche 9 novembre 2008 Statut Membre Dernière intervention 17 novembre 2008 - 14 nov. 2008 à 21:53
choubi069 Messages postés 15 Date d'inscription dimanche 9 novembre 2008 Statut Membre Dernière intervention 17 novembre 2008 - 16 nov. 2008 à 19:00
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
A voir également:

3 réponses

pyschopathe Messages postés 1973 Date d'inscription dimanche 2 mars 2008 Statut Membre Dernière intervention 22 mars 2010 135
14 nov. 2008 à 22:20
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...
0
choubi069 Messages postés 15 Date d'inscription dimanche 9 novembre 2008 Statut Membre Dernière intervention 17 novembre 2008 5
14 nov. 2008 à 23:12
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
0
choubi069 Messages postés 15 Date d'inscription dimanche 9 novembre 2008 Statut Membre Dernière intervention 17 novembre 2008 5
16 nov. 2008 à 19:00
Salut,

J'ai trouvé un super script pour les dates. Ca fait une sorte de calendrier.
Si vous voulez le script n'hésitez pas à me le demander.
0