Добавить форму в строки таблицы - PullRequest
8 голосов
/ 15 июля 2011

Каков допустимый способ (если таковой имеется) для добавления формы в строки таблицы?

У меня следующая ситуация:

<table>
  <tr>
    <td><input type="text" name="q"></td>
    <td><input type="text" name="a"></td>
    <td><input type="submit" name="submit" value="Submit"></td>
  </tr>
  <tr>
    <td><input type="text" name="q"></td>
    <td><input type="text" name="a"></td>
    <td><input type="submit" name="submit" value="Submit"></td>
  </tr>
  <tr>
    <td><input type="text" name="q"></td>
    <td><input type="text" name="a"></td>
    <td><input type="submit" name="submit" value="Submit"></td>
  </tr>
</table>

Как я могу добавить элемент формы и при этом иметь действительный HTML?

<table>
  <form>
    <tr>
      <td><input type="text" name="q"></td>
      <td><input type="text" name="a"></td>
      <td><input type="submit" name="submit" value="Submit"></td>
    </tr>
  </form>
</table>

Неверно (по крайней мере, я так думаю)

Ответы [ 3 ]

4 голосов
/ 15 июля 2011

Оберните свою таблицу внутри элемента формы:

<form action="/" name="form1">
  <table>...</table>
</form>

Но еще лучше: постройте свою форму без таблиц, если это возможно.

0 голосов
/ 15 июля 2011
    <form action="/" name="form1">
<table>
  <tr>
    <td><input type="text" name="q"></td>
    <td><input type="text" name="a"></td>
    <td><input type="submit" name="submit" value="Submit"></td>
  </tr>
  <tr>
    <td><input type="text" name="q"></td>
    <td><input type="text" name="a"></td>
    <td><input type="submit" name="submit" value="Submit"></td>
  </tr>
  <tr>
    <td><input type="text" name="q"></td>
    <td><input type="text" name="a"></td>
    <td><input type="submit" name="submit" value="Submit"></td>
  </tr>
</table>

    </form>

или

    <table>
    <tr>
        <td colspan="2">  <form action="/" name="form1"></td>
    </tr>
  <tr>
    <td><input type="text" name="q"></td>
    <td><input type="text" name="a"></td>
    <td><input type="submit" name="submit" value="Submit"></td>
  </tr>
<tr><td colspan="2">  </form></td></tr>

......

</table>
0 голосов
/ 15 июля 2011

Таблицы и формы являются отдельными понятиями в HTML.Люди иногда путают их друг с другом.Концептуальная путаница часто сопровождается путаницей разметки.С другой стороны, таблицы и формы могут быть в некотором смысле «смешаны».В частности, вы можете поместить таблицу в форму или наоборот, и это часто бывает полезно.Но вам нужно понимать, что вы делаете.

Таблицы и формы могут быть вложены в любом случае.Но если вы помещаете формы в таблицы, каждая форма должна быть полностью включена в одну ячейку таблицы (на практике один элемент TD).Таким образом, каждая форма полностью независима.

AFAIK Допустимо использовать таблицы для форматирования формы.

...