可以通过以下步骤实现:
<table id="myTable">
<tr>
<td></td>
</tr>
</table>
var table = document.getElementById("myTable");
var input = document.createElement("input");
input.type = "text";
input.name = "myTextbox";
input.id = "myTextbox";
var cell = table.rows[0].cells[0];
cell.appendChild(input);
完整的Javascript代码如下:
<!DOCTYPE html>
<html>
<head>
<title>Create Textbox in Table using Javascript</title>
</head>
<body>
<table id="myTable">
<tr>
<td></td>
</tr>
</table>
<script>
var table = document.getElementById("myTable");
var input = document.createElement("input");
input.type = "text";
input.name = "myTextbox";
input.id = "myTextbox";
var cell = table.rows[0].cells[0];
cell.appendChild(input);
</script>
</body>
</html>
这样,就可以使用Javascript在表中创建一个文本框。这种方法适用于需要动态添加文本框的情况,例如在表格中添加新的数据行时。
领取专属 10元无门槛券
手把手带您无忧上云