1.添加行数 、列数提交表单

 <!doctype html>

 <html>

     <head>

         <title>setTable-发送表单</title>

         <script type="text/javascript">

             function checknum1(obj){

                 var ck1 = obj.value;

                 var pattern=/^\d+$/;

                 if(ck1.match(pattern)==null){

                     alert("请输入数字");

                     document.getElementById("ro").value="";

                     return false;

                 }else{

                     return true;

                 }

             }

             function checknum2(obj){

                 var ck2 = obj.value;

                 var pattern=/^\d+$/;

                 if(ck2.match(pattern)==null){

                     alert("请输入数字");

                     document.getElementById("co").value="";

                     return false;

                 }else{

                     return true;

                 }

             }

         </script>

     </head>

     <body>

         <div align="center">

             <h1>自定义创建表格</h1>

             <form action="creatTable.jsp" method="post">

                 请输出创建的行数：<input type="text" name="rows" id="ro" onblur="checknum1(this)"><br/>

                 请输入创建的列数：<input type="text" name="cols" id="co" onblur="checknum2(this)"><br/>

                 <input type="submit" value="提交">

                 <input type="reset" value= "重置">

             </form>

         </div>

     </body>

 </html>

2.接收表单、创建表格

 <!doctype html>

 <html>

     <head>

         <title>creatTable_接收表单</title>

     </head>

     <body>

         <%

             String rows = request.getParameter("rows");//接受表单内容

             String cols = request.getParameter("cols");

         %>

             <table border="1">

                 <%

                 for(int i=1;i<=Integer.parseInt(rows);i++){

                 %>

                     <tr>

                         <%

                         for(int j=1;j<=Integer.parseInt(cols);j++){

                         %>    

                         <td>

                             <input type="text">

                         </td>

                         <%

                         }

                         %>    

                     </tr>

                 <%

                 }

                 %>

             </table>

     </body>

 </html>

JSP 定义行列数表单创建表格的更多相关文章

  1. js动态创建表格,删除行列的小例子

    js动态创建表格,删除行列的实例代码. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...

  2. 示例-创建表格-指定行列&删除表格的行和列

    <body> <script type="text/javascript"> /* *上面的方法和你麻烦. *既然操作的是表格, *那么最方便的方式就是使用 ...

  3. 制作Html标签以及表单、表格内容

    制作Html一般用DW(......),Html全称为(Hyper Text Markup Language   超文本标记语言) 文本就是平常电脑上的文本文档,只能存储文字,而超文本文档可以存储音乐 ...

  4. jQuery 控制表单和表格

    这里总结了jQuery中对表格和表单的一些常用操作, 通过这里的实例和操作肯定对jQuery的掌握有一个新得提高, 希望大家耐心看完, 多实践. <!DOCTYPE html PUBLIC &q ...

  5. HTML 表单和表格

    1.使用表单标签 网站使用 HTML 表单可与用户进行交互,表单元素是允许用户在表单中输入内容,比如:文本框.文本域.单选框.复选框.下拉列表.按钮等等,表单可以把浏览者输入的数据传送到服务器端,这样 ...

  6. js如何动态创建表格（两种方法）

    js如何动态创建表格(两种方法) 一.总结 一句话总结: 1.方法一:写好创建表格的html代码,将之赋值给div的innerHTML. 2.方法二.直接用创建好的table元素的方法insertRo ...

  7. SNF开发平台WinForm之一-开发-单表表格编辑管理页面-SNF快速开发平台3.3-Spring.Net.Framework

    1.1运行效果: 1.2开发实现: 1.2.1          首先在数据库中创建需要开发的数据表,在代码生成器中进行配置连接数据库. 代码生成器的Config.xml文件配置如下节点: 1.2.2 ...

  8. jsp+oracle实现数据库内容以表格形式在前台显示（包含分页）

    jsp+oracle实现数据库内容以表格形式在前台显示(包含分页) 在文件夹内新增list_emp.jsp 代码如下: <%@ page contentType="text/html& ...

  9. JQuery中操作表单和表格

    一:表单应用 1.HTML中的表单大致由三部分组成 (1).表单便签:包含处理表单数据所用的服务端程序URL,以及数据提交到服务器的方法. (2).表单域:包含文本框.密码框.隐藏域.多行文本框.复选 ...

随机推荐

  1. Node.js中package.json中库的版本号详解(^和~区别)

    当我们查看package.json中已安装的库的时候,会发现他们的版本号之前都会加一个符号,有的是插入符号(^),有的是波浪符号(~).那么他们到底有什么区别呢?先贴一个例子,对照例子来做解释: &q ...

  2. [BZOJ 3295] [luogu 3157] [CQOI2011]动态逆序对(树状数组套权值线段树)

    [BZOJ 3295] [luogu 3157] [CQOI2011] 动态逆序对 (树状数组套权值线段树) 题面 给出一个长度为n的排列,每次操作删除一个数,求每次操作前排列逆序对的个数 分析 每次 ...

  3. Gorgeous Sequence（线段树）

    Gorgeous Sequence Time Limit: 6000/3000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Othe ...

  4. ORACLE之字符集修改（10g）

    当从oracle服务器将数据导出成dmp文件后,再导入到本地的oracle数据库时,出现: IMP-00019: 由于 ORACLE 错误 12899 而拒绝行 IMP-00003: 遇到 ORACL ...

  5. JavaScript异步的底层原理

    JavaScript引擎属于单线程作业,意味着:在同一时间只能执行一个代码块,这些代码块的执行就阻塞了异步事件的处理. 因此,出现了"任务队列"(task queue),我们可以将 ...

  6. MongoDB的使用学习之（二）简介

    原文链接:http://www.cnblogs.com/yxlblogs/p/3681089.html MongoDB 是一个高性能,开源,无模式的文档型数据库,是当前 NoSQL 数据库产品中最热门 ...

  7. jvm监控和诊断工具

    大牛写的Java的OOM Killer:https://www.jianshu.com/p/4645254be259 强烈推荐 总的参考链接:https://cloud.tencent.com/dev ...

  8. linux Sersync 上配置客户端

    1.安装 Rsync 并配置相关权限 在 SERSYNC 上配置 RSYNC 客户端相关权限认证: [root@SERSYNC /]# yum install rsync -y [root@SERSY ...

  9. 【转】DDR3和eMMC区别

    转自:https://www.cnblogs.com/debruyne/p/9186619.html DDR3内存条和eMMC存储器区别: 1. 存储性质不同:2. 存储容量不同:3. 运行速度不同: ...

  10. cut 从文本中提取一段文字并输出

    1.命令功能 cut 从每个文件中截取选定部分并输出. 2.语法格式 cut  option  file 参数说明 参数 参数说明 -b (–bytes) 字节 -c (--characters) 字 ...