5568 sujets

Sémantique web et HTML

[Résolu] Validation W3C ne passe pas ...

Bonjour,

Le code suivant ne passe pas la validation W3C

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>

<div id="wrap">

	<!-- Header -->
	<div id="header">
		<h1 id="logo"></h1>
		<h2 id="slogan"></h2>			
	</div>

	<!--Content Wrap -->
	<div id="content-wrap">
		<div id="sidebar">

			[#red]<h1>Recherche</h1>
			<form method="post" action="recherche.html" style="padding: 2px;">
			<input type="text" name="keywords" size="18" maxlength="20" /> <input type="submit" value="Go" />
			</form>[/#]

		</div>

		<div id="main">


La partie incréminée est en rouge (normalement). Il s'agit de mon formulaire de recherche.

L'erreur retournée est

a écrit :
document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag

…e="text" name="keywords" size="18" maxlength="20" /> <input type="submit" value="Go" />


Pourquoi ???

Merci par avance Smiley smile
Modifié par Hayreon (31 Oct 2009 - 20:38)
Bonsoir Hayreon,

Premièrement, il te manque la balise <title></title> entre <head></head>.

Ensuite, en ce qui concerne ton erreur au niveau du formulaire, il faut toujours que tu insères des balises de types blocks dans ton formulaire si tu veux écrire du texte à l'intérieur.

Par exemple :


<form method="post" action="recherche.html" style="padding: 2px;">
			
			<p>
			<input type="text" name="keywords" size="18" maxlength="20" /> <input type="submit" value="Go" />
			</p>
			
			</form>


Ici, j'ai inséré la balise <p></p> mais tu aurais aussi pu utiliser les balises <fieldset></fieldset> et <legend></legend>

Pour ça, jette un œil par ici.

A voir aussi : Comment utiliser l’élément label dans les formulaires?

Voilà Smiley cligne .
Merci !

En ajoutant <p> et </p> àa marche Smiley smile

Mes balises title sont bien presentent mais j ai volontairement supprimé des lignes de code dans mon précédant message.

Merci beaucoup !
Sujet clos
Aller à