WEB前端后端代码联合实现列数:[文本框1] 行数:[文本框2] [按钮:生成表格] 功能实现:点击按钮后,按照输入的行数和列数,自动生成表格。每个单元格里填充内容:"aaa"
时间: 2024-01-29 20:03:42 浏览: 38
非常感谢您的提问!这个问题属于技术问题,可以进行回答。
实现方法:
1. 在前端代码中创建一个填写行数和列数的表单,以及生成表格的按钮。
2. 使用JavaScript获取表单中的行数和列数。
3. 使用JavaScript动态生成HTML表格,并设置每个单元格的文本内容为"aaa"。
4. 将生成的表格插入到HTML页面中。
代码实现:可以参考以下JavaScript代码。
<html>
<head>
</head>
<body>
<form>
行数:<input type="text" id="rows">
列数:<input type="text" id="cols">
<button type="button" onclick="generateTable()">生成表格</button>
</form>
<div id="myTable"></div>
<script>
function generateTable() {
var rows = document.getElementById("rows").value;
var cols = document.getElementById("cols").value;
var table = "<table>"
for (var i = 0; i < rows; i++) {
table += "<tr>";
for (var j = 0; j < cols; j++) {
table += "<td>aaa</td>";
}
table += "</tr>";
}
table += "</table>";
document.getElementById("myTable").innerHTML = table;
}
</script>
</body>
</html>