Можно ли вставить форму в HTML-таблицу?

Question

Несколько форм в одной таблице, эти формы для различной длины строк, однако это не похоже на работу:

<table>
    <form>
        <tr>
            <td>
            </td>
            <td>
           </td>
        </tr>
    </form>
    <form>
        <tr>
            <td>
            </td>
            <td>
           </td>
        </tr>
    </form>
</table>

Я считаю, что таблица имеет определенную структуру, и это не может быть переплетено сдругие структуры, но есть ли аккуратная работа вокруг этого?

Спасибо.

Answer 1

Нет. Согласно этому документу: http://www.w3.org/TR/html401/struct/tables.html#h-11.2.1 таблица может содержать только эти:

TABLE --
     (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)>

Но вы можете использовать что-то вроде этого

<div class=table>
  <form>
    <div class=cell>...</div>   
    <div class=cell>...</div>   
  </form>
</div>

со стилями:

div.table { display:table; }
div.table > form { display:table-row; }
div.table > form > div.cell { display:table-cell; }

Answer 2

Нет, вы не можете этого сделать.Я думаю, вы хотите, чтобы таким образом выровнялись обе формы в таблице, верно?

Если вам разрешен JavaScript на странице, вы можете добавить различные текстовые поля и т. Д. Внутри элементов <td>,присоедините к этим полям onchange обработчики событий, чтобы заполнить соответствующие (скрытые) поля в ваших реальных формах.

Answer 3

Это будет проблемой во всех HTML ... включая XHTML и HTML5.

Таблица XHTML dtd ..

<!ELEMENT table (caption?, (col*|colgroup*), thead?, tfoot?, (tbody+|tr+))>

Answer 4

Да! Нет проблем с HTML5. Теперь теги таблиц - это просто сокращение правил оформления таблиц.

Answer 5

Нет реальной необходимости иметь две формы в одной таблице, если вы хотите поместить их в несколько строк.Чем больше таблица, тем дольше браузер загружает и отображает ее.Вместо этого присвойте каждой форме собственную таблицу и поместите теги таблицы в теги формы, например:

<form method="GET" action="foo.sh">
  <table>
  </table>
</form>

Answer 6

Не между <tr> тегами.Они должны работать за пределами <table> или внутри <td>.