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. HDU-6187.DestroyWalls(最大生成树)

    好吧这个题没什么可说的,有点.... 一开始还和一位大佬在讨论,会不会有多余的边,后面看了题发现没有多于的边和自环,所以之间一波最大生成树把最大的边去掉,把最小的边推倒就行了. #include &l ...

  2. Java中 Json的使用

    转自:http://huyan.couplecoders.tech/%E5%BC%80%E5%8F%91%E8%80%85%E6%89%8B%E5%86%8C/2018/11/02/Java%E4%B ...

  3. ./configure 配置文件时出错checking for g++... no

    checking for g++... no checking for c++... no checking for gpp... no checking for aCC... no 缺少C++编译器 ...

  4. 使用pdfobject.js实现在线浏览PDF

    1.pdfobject.js官网:https://pdfobject.com/ 2.在html文件中引入这个文件,以pdfobject.min.js为例 <script type="t ...

  5. js—input框中输入数字，动态生成内容的方法

    项目中需要在前端实现: 用户输入数字n,动态生成n个元素,删除n,自动清空n个元素(如图一): 用户输入数字n,失焦生成n个元素,再聚焦修改n,自动清空n个元素(如图二): 图一: 图二: 需求一实现 ...

  6. windwos下nginx 配置https并http强制跳转https

    windwos下nginx  配置https并http强制跳转https 一.首先配置证书文件 申请证书文件,这里就不做详细过程了,直接看证书文件结果. 这是两个证书的关键文件 打开ngxin下con ...

  7. 浅谈协议（二）——视频流协议 [RTP/RTCP/RTMP/HTTP_FLV]

  8. [Luogu1220]关路灯（区间dp）

    [Luogu1220]关路灯 题目描述 某一村庄在一条路线上安装了n盏路灯,每盏灯的功率有大有小(即同一段时间内消耗的电量有多有少).老张就住在这条路中间某一路灯旁,他有一项工作就是每天早上天亮时一盏 ...

  9. Docker之安装缺省指令

    Docker 中有些指令不存在,需要额外的安装,这里做下安装记录. 更新软件源中的所有软件列表 apt-get update 安装 ifconfig apt install net-tools 安装 ...

  10. 重启uwsgi

    sudo pkill -f uwsgi -9 uwsgi --ini mysite.uwsgi.ini