Code html: exemple de formulaire à remplir

Résolu/Fermé

barry_amadou Messages postés 3 Date d'inscription lundi 30 décembre 2002 Statut Membre Dernière intervention 25 septembre 2008 - 29 juin 2003 à 17:59
avion-f16 Messages postés 19244 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 17 avril 2024 - 5 déc. 2009 à 16:22

<HTML>
<HEAD>

<TITLE> ENQUETE </TITLE>
</HEAD>
<BODYBGCOLOR=#00FFFF>
<FORM>
<H3 ALIGN=CENTER> Enquête sur la satisfaction des Utilisateurs</H3>
<FORM METHOD="POST" ACTION="mailto:barry_amadou@yahoo.fr" >
<PRE>
<P>
Nom : <INPUT TYPE="texte" NAME="Nom1" SIZE="30">
Prénom : <INPUT TYPE="texte" NAME="Prenom1" SIZE="40">
E-mail : <INPUT TYPE="texte" NAME="E-mail" SIZE="50">
Adresse : <INPUT TYPE="texte" NAME="Adr1" SIZE="30">
<INPUT TYPE="texte" NAME="SIZE="30">
Code Postale : <INPUT TYPE="texte" NAME="code postal" SIZE="10">
Ville : <INPUT TYPE="texte" NAME="ville" SIZE="50">
<P>
<OL>
<LI> <INPUT TYPE ="CHECKBOX" NAME="topping1" VALUE="Marie"> Marié
<LI> <INPUT TYPE ="CHECKBOX" NAME="topping2" VALUE="Célibataire"> Célibataire
<LI> <INPUT TYPE ="CHECKBOX" NAME="topping3" VALUE="Etudiant"> Etudiant
<LI> <INPUT TYPE ="CHECKBOX" NAME="topping4" VALUE="Cadre"> Cadre
</OL>
<P>
Votre opinion <SELECT NAME=OPTION1>
<OPTION> Très Satisfait
<OPTION> Satisfait
<OPTION> Indifferent
<OPTION> C'est très nul !!
</SELECT>
<P>
Vos commentaires : <TEXTAREA NAME=COM1 ROWS="6" COLS="70" A></textarea>
<P>
<INPUT TYPE=SUBMIT VALUE="Envoyer"
<INPUT TYPE=RESET VALUE="Annuler"
</BODY>
</PRE>
</FORM>
</HTML>

A voir également:

Code html formulaire d'inscription
Facebook inscription - Guide
Code asci - Guide
Créer un qr code gratuit sans inscription - Guide
Editeur html - Télécharger - HTML
Code puk bloqué - Guide

3 réponses

Réponse 1 / 3

avion-f16 Messages postés 19244 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 17 avril 2024 4 496
5 déc. 2009 à 16:22

C'est quoi tous ces codes sales ?
1. Les balises et attributs ne doivent pas être en majuscules
2. Les valeurs d'attributs sont entre guillemets : "
3. Toutes balises se referment et certaines à l'aide d'un "/>" au bout

Voici un exemple valide :

<form method="post" action="pagederemerciements.php">
	<p>
		<label for="nom">Nom :</label>
		<input type="text" name="nom" id="nom" />
	</p>
	
	<p>
		<label for="prenom">Prénom :</label>
		<input type="text" name="prenom" id="prenom" />
	</p>
	
	<p>
		<label for="email">Email :</label>
		<input type="text" name="email" id="email" />
	</p>
	
	<p>
		<label for="message">Message :</label><br />
		<textarea name="message" cols="45" rows="10"></textarea>
	</p>
	
	<p>
		<input type="submit" value="Envoyer" />
	</p>
</form>

Après il faut faire le code PHP pour la vérification des champs et l'envois du mail et un script Javascript pour afficher des alertes avant l'envois si des champs sont erronés (facultatif).

@m--s : Il ne peut y avoir qu'une balise '<html>' dans une page, et celle-ci doit être directement suivie de '<head>' qui contient des informations sur le page. Le formulaire est à placer entre "<body>" et "</body>", déjà présents dans toute page Web (et la balise "<body>" ne peut être elle aussi présente qu'une seule fois).
Voici donc à quoi doit ressembler la structure d'une page :

doctype
<html>
	<head>
		<!-- Un tas d'autres balises donnant des infos sur la page -->
	</head>
	
	<body>
		<!-- ici tout le contenu de ta page, comme le formulaire -->
	</body>
</html>

Réponse 2 / 3

Raoul
10 oct. 2003 à 17:33

Salut, pourrais tu m'aider???
comment paramétrer la touche envoyer " où entrer l'adresse mail où je vais recevoir le formulaire".
Regarde le formulaire et dis moi ce que tu en penses, merci par avance. Raoul

<CENTER><TABLE BORDER=3 BGCOLOR="#FFFFFF" WIDTH="80%">

<TR>

<TD>

<P><form action="http://www.francais.robertdanet.com" ENCTYPE="multipart/form-data" method="POST">

<input type="hidden" name="_id" value="123456">

<input name="_subject" type="hidden" value="toto infos">

<input name="_requiredFields" type="hidden" value="Nom,Prénom,Ville">

<input name="_userinfo" type="hidden" value="1">

<input name="_replyToField" type="hidden" value="Email">

<input name="_redirect" type="hidden" value="http://www.robertdanet.com">

<table>

<tr>

<td><font color="#ff0000">*</font>Nom</td>

<td><input type="text" name="prenom" size="40" maxlength="40"></td>

</tr>

<tr>

<td><font color="#ff0000">*</font>Prénom</td>

<td><input type="text" name="url" size="40" maxlength="40"></td>

</tr>

<tr>

<td><font color="#ff0000">*</font>Ville</td>

<td><input type="text" name="email" size="40" maxlength="40"></td>

</tr>

<tr>

<td><font color="#ff0000">*</font>E-mail</td>

<td><input type="text" name="objet" size="40" maxlength="40"></td>

</tr>

<tr>

<td>Votre message</td>

<td><textarea name="message" rows="5" cols="50" wrap=virtual></textarea>

</td>

</tr>

<tr>

<td>Photo</td>

<td><input type="file" name="fichier"></td>

</tr>

<tr>

<td colspan="2" align="center"><br><input type="submit" value="Envoyer"></td>

</tr>

</table>

</form>



</P>

</TD>

</TR>

</TABLE></CENTER>

Réponse 3 / 3

ErwanBrest
16 mai 2009 à 19:56

Surtout ne pas oublier de fermer les balises. J'en ai remarqué deux non fermées à la fin.
<INPUT TYPE=SUBMIT VALUE="Envoyer">
<INPUT TYPE=RESET VALUE="Annuler">

Discussions similaires

Comment regarder un film complet sans inscriptions et gratuit ?

Code de renvoi d'appel : Ooredo, Mobilis...

Espace en HTML

Discussions similaires

Newsletters