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. vue 使用jssdk分享

    背景 在vue中使用jssdk微信分享 weixin-js-sdk mint-ui需要安装npm install weixin-js-sdk mint-ui --save mixins/wechat. ...

  2. GitHub上更新原有的项目代码（二）

    转载自:https://blog.csdn.net/dayewandou/article/details/79175783 项目上传了,现在又写了一些内容想要跟新到项目上去,怎么更新呢? 首先进入项目 ...

  3. 使用Python和AWK两种方式实现文本处理的长拼接案例

    最近由于业务系统新需求的需要,我们平台需要将供应商G提供一类数据转换格式后提供给客户K.比较头疼是供应商G提供的数据都是在Windows下使用Excel存储的,而客户K先前与我们相关对接人员商定的数据 ...

  4. ARM Cortex-M底层技术(3)—编译内核的原理及其应用

    概述: 当前开发中,我使用的Keil开发工具较多(keil526),故以keil为例进行介绍,其他开发环境大同小异. 1. 编译链接的定义 不管我们编写的代码有多么简单,都必须经过「编译 --> ...

  5. tpcc-mysql测试mysql5.6 （xfs文件系统）

    操作系统版本:CentOS release 6.5 (Final)  2.6.32-431.el6.x86_64 #1 内存:32G CPU:Intel(R) Xeon(R) CPU E5-2450 ...

  6. 06.队列、python标准库中的双端队列、迷宫问题

    class QueueUnderflow(ValueError): """队列为空""" pass class SQueue: def __ ...

  7. django 修改字段后，同步数据库，失败：django.db.utils.InternalError: (1054, "Unknown column 'api_config.project_id_id' in 'field list'")

    问题原因是,修改字段后,同步失败了,然后执行查询的时候,就会提示这个错误,这个字段没有 最暴力的方法可以直接在数据库中修改字段,但是修改后,models没同步,可能会存在问题,因此开始我的百度之旅(这 ...

  8. [洛谷P1353] 跑步Running

    问题描述 奶牛们打算通过锻炼来培养自己的运动细胞,作为其中的一员,贝茜选择的运动方式是每天进行N(1 <= N <= 10,000)分钟的晨跑.在每分钟的开始,贝茜会选择下一分钟是用来跑步 ...

  9. [BZOJ] 地精部落

    问题描述 传说很久以前,大地上居住着一种神秘的生物:地精. 地精喜欢住在连绵不绝的山脉中.具体地说,一座长度为 N 的山脉 H 可分 为从左到右的 N 段,每段有一个独一无二的高度 Hi,其中 Hi ...

  10. Test 6.29 T3 小学生

    问题描述 "不错,不错!那么,准备好迎接下一道题了么?"一道白光闪过,CJK 眼前出现了 1e100 个小学生."他们中,有一些人轨了我的机子.现在,我需要你在 1S 之 ...