JSP定义⾏列数表单创建表格1.添加⾏数、列数提交表单
1 <!doctype html>
2 <html>
3    <head>
4        <title>setTable-发送表单</title>
5        <script type="text/javascript">
6            function checknum1(obj){
7                var ck1 = obj.value;
8                var pattern=/^\d+$/;
9if(ck1.match(pattern)==null){
10                    alert("请输⼊数字");
11                    ElementById("ro").value="";
12return false;
13                }else{
14return true;
15                }
16            }
17            function checknum2(obj){
18                var ck2 = obj.value;
19                var pattern=/^\d+$/;
20if(ck2.match(pattern)==null){
21                    alert("请输⼊数字");
22                    ElementById("co").value="";
23return false;
24                }else{
25return true;
26                }
27            }
28        </script>
29    </head>
30    <body>
31        <div align="center">
32            <h1>⾃定义创建表格</h1>
33            <form action="creatTable.jsp" method="post">
34请输出创建的⾏数：<input type="text" name="rows" id="ro" onblur="checknum1(this)"><br/>
35请输⼊创建的列数：<input type="text" name="cols" id="co" onblur="checknum2(this)"><br/>
36                <input type="submit" value="提交">
37                <input type="reset" value= "重置">
38
39            </form>
40        </div>
41    </body>
42 </html>
2.接收表单、创建表格
1 <!doctype html>
2 <html>
3    <head>
4        <title>creatTable_接收表单</title>
5
6    </head>
7    <body>
8        <%
9            String rows = Parameter("rows");//接受表单内容
10            String cols = Parameter("cols");
11        %>
12            <table border="1">
13                <%
14for(int i=1;i<=Integer.parseInt(rows);i++){
15                %>
16                    <tr>
17                        <%jsp创建
18for(int j=1;j<=Integer.parseInt(cols);j++){
19                        %>
20
21                        <td>
22                            <input type="text">
23                        </td>
24
25                        <%
26                        }
27                        %>
28
29                    </tr>
30                <%
31                }
32                %>
33            </table>
34    </body>
35 </html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。