Code html: exemple de formulaire à remplir [Résolu/Fermé]

Signaler
Messages postés
3
Date d'inscription
lundi 30 décembre 2002
Statut
Membre
Dernière intervention
25 septembre 2008
-
Messages postés
18448
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
11 octobre 2020
-
<HTML>
<HEAD>
<!-- Le Site BARESPACE -->
<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>

3 réponses

Messages postés
18448
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
11 octobre 2020
4 216
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>
34
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60511 internautes nous ont dit merci ce mois-ci

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>

<!-- fin du code à insérer -->

</P>

</TD>

</TR>

</TABLE></CENTER>
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">