Probleme de formulaire html

Résolu
jeremy50 Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
jeremy50 Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous !!

voici mon probleme que j'arrive pas résoudre depuis une semaine, alors j'appel de l'aide LOL .

j'ai une page HTML dont voici le code source, si vous désirez voir ce qui ce passe :

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Réserver</title>
</head>
<body bgcolor="#FFFFCC">

<h2 align="center" ><b><u>Formulaire de réservation</u></b></h2>
<form>
<table>
<tr>
<table>

<tr>
<td>Civilité:</td>
<td><form>
<select name="civilité" size="1">
<option>Choix civilité
<option>Mademoiselle
<option>Madame
<option>Monsieur
</select>
</form></td>

</tr>
<tr>
<td>Nom :</td>
<td><input type="text" name="Nomclient"></td>
</tr>
<tr>
<td>Prénom :</td>
<td><input type="text" name="Prenomclient"></td>

</tr>
<tr>
<td>Adresse :</td>
<td><textarea type="text" name="Adresseclient" row="5" cols="25"></textarea></td>
</tr>
<tr>
<td>Code Postal :</td>

<td><input type="text" name="CPclient"></td>
</tr>
<tr>
<td>Ville :</td>
<td><input type="text" name="Villeclient"></td>
</tr>
<tr>
<td>Date de début<br> (Tapez la date au format JJ/MM/AAAA) :</td>

<td><input type="text" name="datedebut"></td>
</tr>
<tr>
<td>Date de fin<br> (Tapez la date au format JJ/MM/AAAA) :</td>
<td><input type="text" name="fin"></td>
</tr>
<tr>

<td>Nombre d'adultes :</td>
<td><input type="text" name="nbad"></td>
</tr>
<tr>
<td>Nombre d'enfants</td>
<td><input type="text" name="nbenf"></td>
</tr>
</table><br><br>

</tr>
N.B : Le nombre maximal autorisé sur une parcelle est de 6 personnes. Par conséquent, si le nombre de personnes (Adultes + Enfants) dépasse 6, une 2<sup>ème</sup>
parcelle doit être réservée grâce à ce formulaire. Les deux formulaires remplis devront être envoyés en même temps. <br><br>
<hr color="blue">
<br>
<table>
<tr>
<td>Enplacement : </td>
<td><form>

<select>
<option>Choix de votre emplacement
<option>Très ensoleillée, près de la plage (A10)
<option>Bord de route, ombragée ; pour camping car (A20)
<option>Très ensoleillée, près de la plage et sanitaire (A23)
<option>Bord de route, ombragée ; pour camping car (A24)
<option>Ensoleillée ; proches sanitaires (B12)
<option>Ensoleillée ; proches sanitaires et plage (B14)
<option>Ensoleillée ; proches sanitaires et plage (B16)
<option>Bord de route, grande parcelle ; pour camping car (B17)
<option>Proche des sanitaires, de la plage et du magasin (C15)
<option>Proche de la mare de Vauville ; pour camping car (D24)
<option>Grande parcelle pour camping car (D29)
<option>Accès très facile pour camping car (D36)
</select>

</form>
</td>
</tr>
</table><BR>
N.B. : Veuillez joindre un chèque d'une valeur de 30 euros à l'ordre de "Camping Maneyrol" pour valeur d'arrhes.
<br><br>
<input onclick="window.print()" type="button" value="Imprimer">
<input type="reset" value="Remettre le formulaire à zéro">
</form>
</body>
</html>


en fait il y 2 petit problème qui apparaissent sous IE alors que sous Firefox la page marche très bien :

1/ Il y a un petit décallage de mes listes déroullantes par rapport à leur correspondance à gauche. C'est très peu visible, mais je l'ai vu et ca me gène à la fin (oui je sais, je suis chiant :D )

2/ Le bouton "reset" à la fin du formulaire marche bien sous firefox alors que IE il ne marche pas du tout.

Est ce que quelqu'un qui a eu ce probleme pourrait m'aider ?? où meme une personne qui n'a pas eu ce probleme bien sur.

Merci beaucoup et merci de vous creuzer la tete pour moi, moi mon cervaux ressemble à un grullière tellement j'ai chercher le pourquoi du comment LOL

a+ Jerem
A voir également:

2 réponses

s.spark Messages postés 2485 Date d'inscription   Statut Contributeur Dernière intervention   618
 
Salut,

Tes boutons sumit et reset doivent être dans la balise <form></form>. D'ailleurs tu ne devrais en avoir qu'une et pas 3. Tu ouvres des balises "table" et "tr" au début on sais pas très bien pourquoi ;-)

Et là une vois s'élève et crit au mon dieu !! Quel est donc cette infamie ! Que vois-je ! Tu as mis un doctype XHTML 1.0 Strict alors que c'est le standard le plus exigent que l'on puisse trouvé et tu ne respect pas ! (balise inline dans des balises block, <br /> et pas <BR>, utilisation de la balise bgcolor et align="center" au lieu d'une feuille de style enCSS), c'est de l'HTML 4.01 tous ça.

La prochaine fois utilise le BBcode "code" pour afficher du code, ainsi on pourra bénéficier d'une lecteur plus facile avec les indentations.

https://openclassrooms.com/fr/courses

<html> 
	<head>
		<title>Réserver</title>
	</head>
	<body bgcolor="#FFFFCC">

		<h2 align="center" ><b><u>Formulaire de réservation</u></b></h2>
		<form>
			<table>
				<tr>
					<td>Civilité:</td>
					<td>
							<select name="civilité" size="1">
								<option>Choix civilité
								<option>Mademoiselle
								<option>Madame
								<option>Monsieur
							</select>
					</td>
				</tr>

				<tr>
					<td>Nom :</td>
					<td><input type="text" name="Nomclient"></td>
				</tr>
				<tr>
					<td>Prénom :</td>
					<td><input type="text" name="Prenomclient"></td>
				</tr>
				<tr>
					<td>Adresse :</td>
					<td><textarea type="text" name="Adresseclient" row="5" cols="25"></textarea></td>
				</tr>
				<tr>
					<td>Code Postal :</td>
					<td><input type="text" name="CPclient"></td>
				</tr>
				<tr>
				<td>Ville :</td>
					<td><input type="text" name="Villeclient"></td>
				</tr>
				<tr>
					<td>Date de début<br> (Tapez la date au format JJ/MM/AAAA) :</td>
					<td><input type="text" name="datedebut"></td>
				</tr>
				<tr>
					<td>Date de fin<br> (Tapez la date au format JJ/MM/AAAA) :</td>
					<td><input type="text" name="fin"></td>
				</tr>
				<tr>
					<td>Nombre d'adultes :</td>
					<td><input type="text" name="nbad"></td>
				</tr>
				<tr>
					<td>Nombre d'enfants</td>
					<td><input type="text" name="nbenf"></td>
				</tr>
			</table>
			<br><br>

			</tr>
			N.B : Le nombre maximal autorisé sur une parcelle est de 6 personnes. Par conséquent, si le nombre de personnes (Adultes + Enfants) dépasse 6, une 2<sup>ème</sup>
			parcelle doit être réservée grâce à ce formulaire. Les deux formulaires remplis devront être envoyés en même temps. <br><br>
			<hr color="blue">
			<br>

			<table>
				<tr>
					<td>Enplacement : </td>
					<td>
					<select>
						<option>Choix de votre emplacement
						<option>Très ensoleillée, près de la plage (A10)
						<option>Bord de route, ombragée ; pour camping car (A20)
						<option>Très ensoleillée, près de la plage et sanitaire (A23)
						<option>Bord de route, ombragée ; pour camping car (A24)
						<option>Ensoleillée ; proches sanitaires (B12)
						<option>Ensoleillée ; proches sanitaires et plage (B14)
						<option>Ensoleillée ; proches sanitaires et plage (B16)
						<option>Bord de route, grande parcelle ; pour camping car (B17)
						<option>Proche des sanitaires, de la plage et du magasin (C15)
						<option>Proche de la mare de Vauville ; pour camping car (D24)
						<option>Grande parcelle pour camping car (D29)
						<option>Accès très facile pour camping car (D36)
					</select>	
					</td>
				</tr>
			</table>
			<BR>
			N.B. : Veuillez joindre un chèque d'une valeur de 30 euros à l'ordre de "Camping Maneyrol" pour valeur d'arrhes.
			<br><br>
			<input onclick="window.print()" type="button" value="Imprimer">
			<input type="reset" value="Remettre le formulaire à zéro">
		</form>
	</body>
</html> 


0
jeremy50 Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
re,
dsl pour la non différenciation entre les différents type de HTML, one me les a jamais appris, mais voici mon point de vue : si il y aune intéropérabilité entre les différentes version, alors je l'utilise LOL.

Dsl pour le <table> et <td> ouvert sans raison, j'avaid du faire autre chose avant et oublié de les supprimer.

Merci pour les balise form, ca a résolu mon probleme de non alignement sous IE des listes ( J'écoute ce que dit ma prof d'info lol, mias elle le HTML c pas son truc, elle s'est plus tot le VB et le Access à fond)

enfin, cca a résolu mon probleme, alors par conséquent un grand merci !!!!!
0