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

我仍在学习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>

来源

2015-07-20 Karim

，当你调用的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

来源

2015-07-20 09:27:55 Garry

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

回答

相关问题