<html> <head> <mce:script language="javascript"><!-- function create_rows(){ var num = document.getElementById("num").value; var table = document.getElementById("table_1"); var row_num = table.rows.length-1; if (num-row_num<0) { for(var j=row_num-1;j>=num;j--) { table.deleteRow(j); } }else{ for(var i=0;i<(num-row_num);i++){ var row = table.insertRow(i+row_num); row.insertCell().innerHTML = '<input />'; row.insertCell().innerHTML = '<input />'; } } } // --></mce:script> </head> <body> <center> <input type="text"name="num" id="num" onchange="create_rows()"/> <table border="1" width="500" id="table_1"> <tr> <td>账户</td> <td>密码</td> </tr> </table> </form> </center> </body> </html>
本文介绍了一个使用JavaScript实现的动态表格生成方案。用户可以通过输入指定数量来增加或减少表格的行数，每行包含两列用于填写账户和密码。该功能通过简单的HTML页面与内联JavaScript实现。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
