javascript - 如何通过表单标签包装输入按钮?
问题描述
因此,下表是从我加载 CSV 并使用 pandas.style 将某些列作为输入文本字段和按钮的后端生成的。我对列的所有值应用了相同的函数,但问题是所有列 1 都有表单标签,除了第 0 行元素。您可以从下表中看到。当我查看页面源代码时,我也可以在第一行看到表单标签,但检查 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>
解决方案
要在 Javascript 中创建元素,您必须使用document.createElement
(so, here, document.createElement("form")
)。但是,我只是不明白为什么您的表格没有出现。看看它是否与 2input
具有相同名称的事实无关。
推荐阅读
- c# - 如何将数据发布到 Dynamics 365 多选选项列表?
- c# - 如何在 .net 核心控制器中返回 Json 对象?
- elasticsearch - Elasticsearch 中的一致性和分区容错性
- java - 使用 Undertow WebSockets 高效发送大型数据集
- ios - pod 未更新,即使它显示可通过“pod outdated”获得更新
- javascript - 如何修复“本机主机已退出”
- uima - 使用 Ruta,在带注释的关键字的下一行中获取数据
- elixir - Phoenix 框架 - 节点模块安装
- android - R8 完整模式的真正作用是什么(积极优化)?
- javascript - 在 vuejs 中重新渲染之前的问题函数调用