Formulaire de présentation html

par MASAI450 Sam 11 Fév 2012 - 23:22

Bonsoir

Je souhaiterais avoir un formulaire de présentation avec champs obligatoire

il faudrait que ce formulaire une fois valider soit redirigé vers un forum puis ouvre un nouveau message et qu'il sert de présentation

Je n'y connais rien en html, cependant je m'y suis intéressé

voila ou j'en suis

Code:: <TABLE> <td><label for="Pseudo"><B>Pseudo</B></label></td><td><input name="Pseudo" id="Pseudo" ></td></tr> <td><label for="Prenom"><B>Prenom</B></label></td><td><input name="Prenom" id="Prenom" ></td></tr> <td><label for="Age"><B>Age</B></label></td><td><input name="Age" id="Age" value="XX ANS"></td></tr> <td><label for="Statut"><B>Statut</B></label></td><td><select name="Statut" id="Statut"> <option value="CÉLIBATAIRE" selected>CÉLIBATAIRE</option> <option value="EN COUPLE">EN COUPLE</option> <option value="MARIÉ(E)">MARIÉ(E)</option> <option value="DIVORCÉ(E)">DIVORCÉ(E)</option> <option value="AUTRE">AUTRE</option></select></td><tr> <td><label for="Emploi"><B>Emploi</B></label></td><td><input class="input" name="Emploi" id="Emploi"></td></tr> <td><label for="Localisation"><B>Localisation</B></label></td><td><input name="Localisation" id="Localisation" ></td></tr> <td><label for="Marque et modele de Quad"><B>Marque et modele de Quad</B></label></td><td><input name="Marque et modele de Quad" id="Marque et modele de Quad" ></td></tr> <TABLE> <BR><p><fieldset><legend><B>Raconte une histoire</B></legend><p><label for="La tienne bien sur! En quelques lignes">La tienne bien sur! En quelques lignes :</label><br><textarea id="La tienne bien sur! En quelques lignes" name="La tienne bien sur! En quelques lignes" rows="4" cols="135"></textarea><br></fieldset><br></td> </TABLE> <p><fieldset><legend><B>Quelque choses à ajouter ?</B></legend><p><label for="Si tu veux nous faire partager quelque chose. Lâche toi!">Si tu veux nous faire partager quelque chose. Lâche toi! :</label><br><textarea id="Si tu veux nous faire partager quelque chose. Lâche toi!" name="Si tu veux nous faire partager quelque chose. Lâche toi!" rows="4" cols="135"></textarea><br></fieldset><br></td> </TABLE> <p><fieldset><legend><B>Création du post</B></legend><center><br><span style="color:red;font-size:20px;" id="errormsg"></span><br><span style="color:red;">Attention : Le module va créer automatiquement le post quand vous générez la présentation !</span><br> <input type="submit" name="post" value="Créer !"><br></center></fieldset>[/quote]

Merci

par MASAI450 Lun 13 Fév 2012 - 20:20

Bonsoir

Personne ne peut m'aidé

par pierre du 47 Mer 15 Fév 2012 - 9:17

Je peut vous aidez, mais vous voulez des champs obligatoire a remplir ???

par MASAI450 Mer 15 Fév 2012 - 19:06

Bonjour

Oui je souhaite tout les champs obligatoire

Est t'il possible de mettre automatiquement un titre de sujet avec le pseudo est la localisation du membre ?

Par contre j'ai fait des modifications voici mon nouveau code:

Code:: <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=windows-1252"><script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies var txt_message = "[b]Pseudo :[/b] " + form.pseudo.value + '\n' + "[b]Prénom :[/b] " + form.prenom.value + '\n' + "[b]Age :[/b] " + form.age.value + '\n' + "[b]Statut:[/b]\n[list]" + "[b]Emploi :[/b] " + form.emploi.value + '\n' + "[b]Localisation :[/b] " + form.localisation.value + '\n' + "[b]Quad :[/b] " + form.quad.value + '\n' // Insère le texte construit dans le champ caché "message" du formulaire form.message.value = txt_message; } </script> <META content="MSHTML 6.00.6002.18538" name=GENERATOR></HEAD> <BODY> <h3>Formulaire de présentation</h3> <form action="http://??????????????.forumsactifs.com/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)"> <input type="hidden" name="lt" value="0" > <input type="hidden" name="mode" value="newtopic" >  <input type="hidden" name="topictype" value="0" checked>  <input type="hidden" name="message" >  <input type="hidden" name="f" value="1" >  <TABLE> <td><label for="pseudo"><B>Pseudo</B></label></td><td><input name="pseudo" id="pseudo" ></td></tr> <td><label for="prenom"><B>Prenom</B></label></td><td><input name="prenom" id="prenom" ></td></tr> <td><label for="age"><B>Age</B></label></td><td><input name="age" id="age" value="XX ANS"></td></tr> <td><label for="statut"><B>Statut</B></label></td><td><select name="statut" id="statut"> <option value="CÉLIBATAIRE" selected>CÉLIBATAIRE</option> <option value="EN COUPLE">EN COUPLE</option> <option value="MARIÉ(E)">MARIÉ(E)</option> <option value="DIVORCÉ(E)">DIVORCÉ(E)</option> <option value="AUTRE">AUTRE</option></select></td><tr> <td><label for="emploi"><B>Emploi</B></label></td><td><input class="input" name="emploi" id="emploi"></td></tr> <td><label for="localisation"><B>Localisation</B></label></td><td><input name="localisation" id="localisation" ></td></tr> <td><label for="quad"><B>Quad</B></label></td><td><input name="quad" id="quad" ></td></tr> <TABLE> <BR><p><fieldset><legend><B>Raconte une histoire</B></legend><p><label for="La tienne bien sur! En quelques lignes">La tienne bien sur! En quelques lignes :</label><br><textarea id="La tienne bien sur! En quelques lignes" name="La tienne bien sur! En quelques lignes" rows="4" cols="135"></textarea><br></fieldset><br></td> </TABLE> <p><fieldset><legend><B>Quelque choses à ajouter ?</B></legend><p><label for="Si tu veux nous faire partager quelque chose. Lâche toi!">Si tu veux nous faire partager quelque chose. Lâche toi! :</label><br><textarea id="Si tu veux nous faire partager quelque chose. Lâche toi!" name="Si tu veux nous faire partager quelque chose. Lâche toi!" rows="4" cols="135"></textarea><br></fieldset><br></td> </TABLE> <p><fieldset><legend><B>Création du post</B></legend><center><br><span style="color:red;font-size:20px;" id="errormsg"></span><br><span style="color:red;">Attention : Le module va créer automatiquement le post quand vous générez la présentation !</span><br> <input type="submit" name="post" value="Créer !"><br></center></fieldset> </form></BODY></HTML>

par pierre du 47 Sam 18 Fév 2012 - 10:05

Avec le pseudo oui, mais la la localisation non, un seul champ est possible, donnez moi les champs que vous voulez comme obligatoires, donnez moi aussi le lien de l'endroit ou vous voulez postez Wink

par MASAI450 Dim 19 Fév 2012 - 18:58

pierre du 47 a écrit:Avec le pseudo oui, mais la la localisation non, un seul champ est possible, donnez moi les champs que vous voulez comme obligatoires, donnez moi aussi le lien de l'endroit ou vous voulez postez

Bonjour

D'accord merci, le pseudo ça ira parfaitement

J'aimerais que tout les champs soit obligatoire sauf le dernier (Quelque choses à ajouter ?)

Je veut posté Ici: http://lapassionmasai.forumsactifs.com/f1-la-taverne-du-guerrier-passage-obligatoire-pour-les-nouveaux-membres

par pierre du 47 Lun 20 Fév 2012 - 18:28

Voila, remplacer la totalité de votre code par ceci :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Formulaire de présentation</title> <style type="text/css"> :required { background-color: red; } </style> <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <script type="text/javascript"> function envoiMessage(form) { // Créer un message à partir des informations fournies var txt_message = "[b]Pseudo :[/b] " + form.pseudo.value + '\n' + "[b]Prénom :[/b] " + form.prenom.value + '\n' + "[b]Age :[/b] " + form.age.value + '\n' + "[b]Statut:[/b]" + form.statut.value + '\n' + "[b]Emploi :[/b] " + form.emploi.value + '\n' + "[b]Localisation :[/b] " + form.localisation.value + '\n' + "[b]Quad :[/b] " + form.quad.value + '\n' + "[b]Histoire[/b]" + form.hist.value + '\n' + "[b]Commentaire[/b]" + form.com.value + '\n' txt_message +='\n'; // Insère le texte construit dans le champ caché "message" du formulaire form.message.value = txt_message; } </script> <META content="MSHTML 6.00.6002.18538" name=GENERATOR /> </head> <body> <h3>Formulaire de présentation</h3> <form action=" http://lapassionmasai.forumsactifs.com/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this); return verif_champs()"> <input type="hidden" name="lt" value="0" > <input type="hidden" name="mode" value="newtopic" >  <input type="hidden" name="topictype" value="0" checked>  <input type="hidden" name="message" >  <input type="hidden" name="f" value="1" >  <input type="hidden" name="required" value="pseudo,prenom,age,statut,emploi,localisation,quad,hist"> <input type="hidden" name="subject" id="titre" value="" class="USERNAME" /> <TABLE> <td><label for="pseudo"><B>Pseudo</B></label></td><td><input type="text" name="pseudo" id="pseudo" class="USERNAME" required /></td></tr> <td><label for="prenom"><B>Prenom</B></label></td><td><input type="text" name="prenom" id="prenom" required /></td></tr> <td><label for="age"><B>Age</B></label></td><td><input type="text" name="age" id="age" placeholder="XX ANS" required /></td></tr> <td><label for="statut"><B>Statut</B></label></td><td><select name="statut" id="statut" required /> <option value="CÉLIBATAIRE" selected>CÉLIBATAIRE</option> <option value="EN COUPLE">EN COUPLE</option> <option value="MARIÉ(E)">MARIÉ(E)</option> <option value="DIVORCÉ(E)">DIVORCÉ(E)</option> <option value="AUTRE">AUTRE</option></select></td><tr> <td><label for="emploi"><B>Emploi</B></label></td><td><input class="input" name="emploi" id="emploi" required /></td></tr> <td><label for="localisation"><B>Localisation</B></label></td><td><input name="localisation" id="localisation" required /></td></tr> <td><label for="quad"><B>Quad</B></label></td><td><input name="quad" id="quad" required /></td></tr> <TABLE> <BR><p><fieldset><legend><B>Raconte une histoire</B></legend></p><label for="La tienne bien sur! En quelques lignes">La tienne bien sur! En quelques lignes :</label><br><textarea id="hist" name="La tienne bien sur! En quelques lignes" rows="4" cols="135" required ></textarea><br></fieldset><br></td> </TABLE> <p><fieldset><legend><B>Quelque choses à ajouter ?</B></legend></p><label for="Si tu veux nous faire partager quelque chose. Lâche toi!">Si tu veux nous faire partager quelque chose. Lâche toi! :</label> <br><textarea id="com" name="Si tu veux nous faire partager quelque chose. Lâche toi!" rows="4" cols="135"></textarea> <br></fieldset><br></td> </TABLE> <p><fieldset><legend><B>Création du post</B></legend><center><br><span style="color:red;font-size:20px;" id="errormsg"></span><br><span style="color:red;">Attention : Le module va créer automatiquement le post quand vous générez la présentation !</span><br> <input type="submit" name="post" value="Créer !"><br></center></fieldset> </form> </body> </html>

Je me suis permis de mettre le fond des champs obligatoire en rouge, vous pouvez modifié la couleur en modifiant "red" par la couleur souhaité :

Code:: <style type="text/css"> :required { background-color: red; } </style>

Pour le supprimé il vous suffit d'effacer le style et son contenue Wink

par MASAI450 Lun 20 Fév 2012 - 20:02

Bonjour merci pour le code

J'ai essayé le code, malheureusement je n'arrive pas a le faire fonctionné

Je pense que je mis prend mal

par enum Lun 20 Fév 2012 - 20:27

bonjour,

c'est une sécurité de google chrome, si quand il affiche une page il voit dedans un script qui est pareille au contenu des données d'un formulaire de la page précédente, il annule l'affichage de la page

dans notre cas donc, le contenu de la page entière est dans le formulaire et donc si il y a un script dedans, il y aura cette attitude en "prévisualisant"

il y a 3 possibilités :
- ne pas prévisualiser et simplement ouvrir la page dans un autre onglet, quand vous changez quelque chose vous enregistrez simplement et vous faite F5 sur l'onglet avec la page html ( avec une adresse du genre /h#-titre )
- ouvrir chrome en utilisant le flag –-disable-xss-auditor ( par exemple en éditant le raccourci ( clic droit propriété ) et en ajoutant après chrome.exe le switch ( après un espace ), donc si j'ai "c:\tagada\chrome.exe" j'aurais "c:\tagada\chrome.exe –-disable-xss-auditor" )
- utiliser un autre naviguateur

par MASAI450 Lun 20 Fév 2012 - 20:41

Bonsoir en effet avec internet explorer je peu visualisé

par MASAI450 Mar 21 Fév 2012 - 0:15

Un grand grand merci à pierre du 47

ça fonctionne parfaitement

par pierre du 47 Mar 21 Fév 2012 - 9:29

Derien, je pense que vous pouvez cloturez ce sujet Wink

Formulaire de présentation html

Formulaire de présentation html

Re: Formulaire de présentation html

Re: Formulaire de présentation html

Re: Formulaire de présentation html

Re: Formulaire de présentation html

Re: Formulaire de présentation html

Re: Formulaire de présentation html

Re: Formulaire de présentation html

Re: Formulaire de présentation html

Re: Formulaire de présentation html

Re: Formulaire de présentation html

Re: Formulaire de présentation html