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 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 - 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
Code asci - Guide
Code puk bloqué - Guide
Formulaire de réclamation facebook - Guide
Code telephone oublié - Guide
Code activation windows 10 - Guide

3 réponses

Réponse 1 / 3

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
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 ?