Code html: exemple de formulaire à remplir

Résolu/Fermé

barry_amadou Messages postés 3 Date d'inscription Statut Membre Dernière intervention -
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention - 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>

Afficher la suite

A voir également:

Code html formulaire d'inscription
Whatsapp formulaire opposition - Guide
Code ascii - Guide
Formulaire de réclamation facebook - Guide
Code puk bloqué - Guide
Comment déverrouiller un téléphone quand on a oublié le code - Guide

3 réponses

Réponse 1 / 3

avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention 4 507

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

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

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">