Keskustelu: Nettisivujen teko: xhtml:n validointi

Hei.

En saa millään validoitua sivujani. Yritän saada sivuja xhtml 1.0 strict muotoon.

Ilmoittaa seuraavaa virhettä:

http://validator.w3.org/:

Error Line 176, column 22: 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 .

<input type="submit" />

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Tuo virhe on kohdassa jossa lähdekoodi sanoo:

*
*
*
</tr>

</table>

<input type="submit" />

</form>

</div>
<div id="footer">
</div>


</body>
</html>

Eli rakenne sivulla on:

<form>
<table>
</table>
<input>
</form>

Eli toi input-kenttä pitää laittaa jonkun mainitun elementin sisään, se ei saa olla noin vain yksin tuolla.

No niinpä tietenkin.
En vaan ymmärtänyt syytä miksi se voisi olla noin niin enpä sitä sitten kokeillut. Mutta kiitoksia. Nyt toimii.
Ehkäpä pitäisi lukea kahteen kertaan noi tekstit mitä toi ilmoittaa. Tai sitten kolme.

Minulla on formien käyttöön tällainen "suositus":

<form>
	<fieldset>
		<legend>Käyttäjätiedot</legend>
		<p>
			<label for="tunnus">Käyttäjänimi:</label>
			<input id="tunnus" type="text" value="" />
		</p>
		<p>
			<label for="salasana">Salasana:</label>
			<input id="salasana" type="password" value="" />
		</p>
	</fieldset>
	<p><input type="submit" value="Pistä menemään" /></p>
</form>

Suurin etu tässä on se, että CSS:llä voi nyt näppärästi määrittää näille input-kentille eri tyylejä. Nappulat voivat olla fieldsetin ulkopuolella olevissa kappaleissa, kun taas muut input-kentät voivat olla tekstikenttiä. Tietty checkboxeille ja muille erikoisemmille tarvitsee vielä kikkailla classia, jotta IE saadaan pysymään kärryillä (se kun ei tue attribuuttivalitsimia).

Kappalejako auttaa taas puolestaan asettamaan elementtejä näppärämmin halutulla tavalla ja erottelee hieman silti samaan kontekstiin kuuluvaa "sisältöä" toisistaan :)