тег form почему и как исправить
 

Проблема с тегом form вот ссылка http://jsfiddle.net/zQrLW/ где проблему можно увидеть нагляднее.
Если нажать на кнопку "добавить строку", а затем выделить получившуюся таблицу и нажать "Исходный код выделенного фрагмента", то там видно тег form сразу закрывается после открытия!

<tr><td>444</td><td>555</td><td>666</td></tr>
<tr><form></form><td>Колонка №1</td><td>Колонка №2</td><td>Колонка №3</td></tr></tbody></table>
<br><br>


Хотя в переменной задано, что

<form><tr><td>Колонка №1</td><td>Колонка №2</td><td>Колонка №3</td></tr></form>
Как решить эту проблему?

jonix,
Нельзя запихнуть тег <form> в строку таблицы. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.

Должна быть такая структура:

<table>
  <tr>
    <td>...</td>
  </tr>
</table>

Спасибо, понял почему..
Что делать чтобы <form><tr><td>Колонка №1</td><td>Колонка №2</td><td>Колонка №3</td></tr></form> добавилось в таблицу в таком виде? пример http://jsfiddle.net/zQrLW/

jonix, каждую строку сделать как отдельную таблицу и обернуть каждую таблицу в тег form.

Но тогда столбцы начнут скакать и будет видно что это разные таблицы...

jonix,

Зачем отдельная форма для каждой строки, если можно сделать общую форму для всей таблицы ?

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

самое основное это то, что нтмл закрывает теги.
т.е если будет
<tr><td><td>....
<tr>
то td автоматически закроется встретив след <td> <tr>...
tr встретив <tr>.....
и многое другое. в вашем случае форм не может содержать тд . и тр не может содержать форм
так что не изобретайте велосипед. если тег, по спеке, не может содержать чтото, либо воспринимает след тег как окончание себя -ничего хорошего не выйдет из попыток впихнуть невпихуемое

спасибо, завтра попробую... будет ли это работать при условии что вниз добавиться ещё строка..

Так задайте точный размер всем ячейкам таблиц. :)