javascript - 如何通过表单标签包装输入按钮？

Question

因此，下表是从我加载 CSV 并使用 pandas.style 将某些列作为输入文本字段和按钮的后端生成的。我对列的所有值应用了相同的函数，但问题是所有第 1 列都有表单标记，但第 0 行元素除外。从下表可以看出。当我查看页面源代码时，我也能在第一行看到表单标签，但 inspect elem 不显示它。所以我能想到的一件事是使用 javascript 并添加表单标签，但我不知道该怎么做。

<table id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2" >
<thead>
    <tr>
        <th class="blank level0" ></th>
        <th class="col_heading level0 col0" >x</th>
        <th class="col_heading level0 col1" >y</th>
        <th class="col_heading level0 col2" >z</th>
        <th class="col_heading level0 col3" >s</th>
        <th class="col_heading level0 col4" >t</th>
    </tr>
</thead>
<tbody>
    <tr>
        <th id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2level0_row0" class="row_heading level0 row0" >0</th>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row0_col0" class="data row0 col0" >123</td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row0_col1" class="data row0 col1" ><input name="id_request" type="submit" value="hab123" /></td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row0_col2" class="data row0 col2" >0</td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row0_col3" class="data row0 col3" >0.0254823</td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row0_col4" class="data row0 col4" ><input name="prob" type="number" step="0.01" min="0" max="1" value="0.25" /></td>
    </tr>
    <tr>
        <th id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2level0_row1" class="row_heading level0 row1" >1</th>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row1_col0" class="data row1 col0" >145</td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row1_col1" class="data row1 col1" >
            <form method="POST" ><input name="id_request" type="submit" value="hab234" /></form>
        </td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row1_col2" class="data row1 col2" >0</td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row1_col3" class="data row1 col3" >0.0160481</td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row1_col4" class="data row1 col4" ><input name="prob" type="number" step="0.01" min="0" max="1" value="0.0" /></td>
    </tr>
    <tr>
        <th id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2level0_row2" class="row_heading level0 row2" >2</th>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row2_col0" class="data row2 col0" >567</td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row2_col1" class="data row2 col1" >
            <form method="POST" ><input name="id_request" type="submit" value="hab056" /></form>
        </td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row2_col2" class="data row2 col2" >0</td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row2_col3" class="data row2 col3" >0.0297317</td>
        <td id="T_8ee5b050_16c9_11ea_97a1_9d9fe3c434b2row2_col4" class="data row2 col4" ><input name="prob" type="number" step="0.01" min="0" max="1" value="0.5" /></td>
    </tr>
</tbody>
</table>

Answer 1

要在 Javascript 中创建元素，您必须使用 document.createElement(因此，此处为 document.createElement("form"))。但是，我只是不明白为什么您的表格没有出现。查看它是否与 2 个 input 具有相同名称这一事实无关。