Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

w3c validator gives 'document type does not allow element "input" here...' error

I got this error when validating my page with w3c's validator. I got this error when validating my page with w3c's validator.

Source:

<form action="form.php" method="post">
<input type="text"/>
</form>

Can someone show me why I may have gotten this error? Thanks in advance!

like image 508
Web_Designer Avatar asked May 03 '11 06:05

Web_Designer


1 Answers

This answer applies to XHTML, not HTML5.

The form and body element only accept block level children <form action="/"> <input type="submit"> </form> … will produce the error:

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.

In Strict variants of (X)HTML, a form element may have only block elements as its children, but form controls (such as input elements) are inline elements. The solution is to pick a block element with appropriate semantics that may contain inline elements; helpfully the validator produces a list that can help you narrow it down.

When it comes to a form, appropriate elements are usually fieldset or a plain div.

Source - Dorward Online

So doing something like

<form action="form.php" method="post">
    <fieldset>
        <input type="text"/>
    </fieldset>
</form>

will solve your problem.

like image 185
kapa Avatar answered Oct 21 '22 04:10

kapa