如何输入行数和列数，并创建表格答案

【问题标题】：How to enter number of rows and columns, and create a table如何输入行数和列数，并创建表格
【发布时间】：2015-10-09 08:20:41
【问题描述】：

我仍在学习 HTML 课程，但上周我设法做到了，现在我完全忘记了答案。

基本上有两个输入。一种是输入列数，另一种是输入行数。当您按下按钮时，它会创建一个包含这些内容的表格（表格的内容无关紧要）。我应该在函数中使用参数，但我忘记了它们是如何工作的，这就是我最终得到的一团糟：我很确定除参数部分之外的所有内容都是正确的。我只是不知道如何从输入文本中获取值并将它们用作参数。

<html>
<head> <title> Rows and Columns </title> </head>
<body>

<form name="form">

Number of rows: <input type="text" name="row" />
Number of columns: <input type="text" name="col" />
<input type="button" onClick="create(c,r)" value="create" />



</form>


<script>


function create(c,r) {
    c=document.forms.form.col.value
    r=document.forms.form.row.value
    document.write("<table width='1'>" + 
    for(i=1;i<=r;i++) { document.write("<tr>" + 
        for(e=1;e<=c;e++) { document.write("<td>" + c + "</td>") } + "</tr>") } + "</table>")





</script>
</body>

</html>

【问题讨论】：

标签： javascript html parameters html-table onclick

【解决方案1】：

您可以在调用 onClick 时传递值，如下所示：

<input type="button" onClick="create(document.forms.form.col.value, document.forms.form.row.value)" value="create" />

从创建函数中删除这些

c=document.forms.form.col.value
r=document.forms.form.row.value

【讨论】：