Question

I want to create a table with search textbox above the column headings as such

<table>
   <thead>
      <tr><td><input type="text" /></td><td><input type="text" /></td></tr>
      <tr><td>Mother</td><td>Father</td></tr>
   </thead>
   <tbody id="search-results">
      <!-- to be populated by AJAX response -->
   </tbody>
</table>

Is the form element allowed like this?

<form>
  <thead>...</thead>
</form>

or

<thead>
  <form>...</form>
</thead>

or which way?

Also, can <input type="hidden" /> be place absolutely anywhere between the form tags?

Answer 1

You should wrap the entire <table> element in <form>, you cannot put anything which is not table related inside <table> except for inside <th>, <td> and <caption> elements. So if you do not want to put the entire form in a <td> cell, you should wrap the entire table in <form>.

<input type="hidden"> tags are just like any other input tags – they must be wrapped inside <td> and other content tags.