HTML : Getting warning - Invalid location of tag (input)

Question

I have simple form and placed it inside the < div id="center">. It's working fine but still getting warning. why so ?

e.g. < div id="center">

<div id = "center">

   <form action="test" method="post">

    <input type="hidden" id="text1" name="texts"/> </input>  --> getting warning

   </form>    </div>

Thanks in advance.

Answer 1

An <input> element cannot be a child element of <form>. A block element needs to go there.

You need something like form --> fieldset --> input or form --> div --> input.

You also have a self-closing <input /> followed by an end tag </input> which doesn't have an open input to close.

Answer 2

You have already closed the input tag

<input type="hidden" id="text1" name="texts"/>

Written in this form is a self-closing tag. There is no need to close it in explicit form. Plus input must be inside a block container. Check the example here http://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#h-17.4