Html页面中<td>内添加一个<table>这样做有什么问题?

            <td>
            <table id="productTable">
                [#list products as product]
                    <tr id="${product.id}">
                        <span>${product.pname}</span><br>
                        <input type="button" onclick="deleteProduct(${product.id})" value="删除"/>
                        <input type="hidden"/>
                    <tr>
                    [/#list]
                <input type="text" class="text" placeholder="搜索" id="search-text" onkeyup="searchContext()" />
                <div id="auto_div"></div>
                </table>
            </td>

tr里面不要插入非td,th之类的标签,不是合法子元素解析成什么样得看浏览器,不同浏览器表现不一样

<td> <table id="productTable"> [#list products as product] <tr id="${product.id}"> <span>${product.pname}</span><br> <input type="button" onclick="deleteProduct(${product.id})" value="删除"/> <input type="hidden"/> <tr> [/#list] <input type="text" class="text" placeholder="搜索" id="search-text" onkeyup="searchContext()" /> <div id="auto_div"></div> </table> </td>