Pays-Froid.Net

de **Patoch** le 15 Jan 2007 19:46

Bonjour à tous !!

Un formulaire est souvent utilisé sans que vous vous en rendiez compte. Prenez l'exemple de Pays-Froid.Net. Vous vous êtes connecté gràce à un formulaire. Il vous demandait un login et un password. Mais vous pouvez beaucoup plus de choses

: il est possible de demander au visiteur de rentrer un texte, repondre à un QCM etc...

Ce sont donc des codes HTML. En temps normal, les données sont envoyées sur une adresse email mais vous pouvez faire bien des choses. Dans ce tutorial, on s'occupera du cas ou on veut la réponse sur la boite email de l'administrateur.

Pour mettre une case "Réponse" :
Code :

Code: Tout sélectionner: Votre Question : <input type="text" name="question:" size="50" maxlength="100">

Pour mettre une case pour la réponse longue :
Code :

Code: Tout sélectionner: Votre Question : <textarea name="Sujet de la zone texte" wrap=physical rows=7cols=46></textarea>

Pour mettre une réponse oui/non :
Code :

Code: Tout sélectionner: Votre Question : <input type="radio" name="votre question 1"value="Yes">Yes<input type="radio" name="votre question 1"value="No">No

Pour mettre une case pour la réponse cachée (pour mot de pass) :
Code :

Code: Tout sélectionner: Votre Question : <input type="password" name="question:" size="50" maxlength="100">

Pour mettre une colone à plusieur choix :
Code :

Code: Tout sélectionner: Votre Question : <select name=Choux> <Option> choix 1 <Option> Choix 2 </select>

Pour mettre une case à cochée:
Code :

Code: Tout sélectionner: Votre Question : <input name="" type="checkbox" value="">

Voila les formes de formulaires que vous pourrez utiliser. Il est bien sur possible de tout combiner dans un seul et même formulaire.

Il vous faudra mettre ce code pour que les réponses soit envoyé sur votre boite email et pour faire apparaitre les boutton "Envoyer" et "Annulé" :

Code :

Code: Tout sélectionner: <form method="post" enctype="text/plain" action='mailto:votre adresse e-mail'> LE FORMULAIRE <input type="submit" value="Envoyer"><input type="reset" value="Annulé"> </form>

J'espere que ce tutorial vous éclairera

.

de **dark** le 19 Aoû 2007 11:22

Je crois avoir trouvé une erreur :

Code: Tout sélectionner: Pour mettre une case à cochée: Code : Votre Question : <input type="password" name="question:" size="50" maxlength="100">

Ce n'est pas ça à la place ?

Code: Tout sélectionner: Votre Question : <input name="" type="checkbox" value="">

Merci,

de **al_capon** le 19 Aoû 2007 12:09

effectivement c'est une erreur.

je croyais que tu ne connaissai rien en html ?!?!?

de **Geoffroy** le 19 Aoû 2007 12:17

ben il a peu être appris, ou alors il conneit que quelques truc!

c'est vrai que c'est une erreur con ca Toch!!

de **Patoch** le 19 Aoû 2007 13:17

Autant pour moi.
Voila, c'est corrigé :oops:

de **Geoffroy** le 19 Aoû 2007 13:23

c'est pas sérieux ca patoch!!!

t'aurai pu faire gaffe merde!

de **Darklg** le 04 Sep 2007 0:01

à modifier >

les balises input doivent etre fermées en xhtml :

Code: Tout sélectionner: <input type="text" name="question" id="question-1" />

l'idéal est de mettre un champ de formulaire et son attribut textuel dans une balise label.
plus accessible, plus pratique, etc =)

Code: Tout sélectionner: <label>Question : <input type="text" name="question" id="question-1" /></label>

ou encore

Code: Tout sélectionner: <label for="question-1">Question : </label>[...]<input type="text" name="question" id="question-1" />

de **Geoffroy** le 05 Sep 2007 17:14

<input type="text" name="question" id="question-1" />
est reconnu comme une faute pour la plupart des validateurs!
tandis que <input type="text" name="question" id="question-1">
ne pose pas de problèmes

de **Darklg** le 07 Sep 2007 11:30

On est dans le forum XHTML, et là, c'est de XHTML que je te parle.

Code: Tout sélectionner: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Titre</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <form action="" method="post"> <p> <label> <input type="text" name="question" id="question-1" /> </label> <input type="text" name="question-a" id="question-2"> </p> </form> </body> </html>

Passe moi ça à HTML Tidy et on en reparle ensuite =)

Pays-Froid.Net

XHTML - Créer un formulaire

XHTML - Créer un formulaire

Qui est en ligne