In the first case, this situation JS dynamically added form elements are not submitted to the server side of the
<table>
<form method= "post" action= "url" >
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</form>
</table>
In the second case, the JS dynamically added form element can be submitted to the server side
<form method= "post" action= "url" >
<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
</form>
Summary: To ensure the integrity of the form, and it placed the integrity of the target HTML tag, for example: The table above can not use the form tag to separate table and table TR node.
The only way to add JS dynamically to the form element is to submit it to the server.
If you divide the integrity of the label. You can open, Googlei browser development tools. See if the tag you added dynamically with JS is included in the form tag.
Form form cannot submit JS dynamically added form element problem: