`
齐晓威_518
  • 浏览: 618038 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

jsp页面上有一个button, 点击一次增加一个文本框,当文本框为四个时,自动换行

 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

 </HEAD>

<script type="text/javascript">   

String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) {   

    if (!RegExp.prototype.isPrototypeOf(reallyDo)) {   

        return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith);   

    } else {   

        return this.replace(reallyDo, replaceWith);   

    }   

}   

</script>  

 

<script>

var nHtml = '';

function addInput(){

var d = document.getElementById("t");

var html = nHtml;

//html.replace(/'<br>'/g,"");

html.replace(/(\n|\r|(\r\n)|(\u0085)|(\u2028)|(\u2029))/g, "");  

//alert(html);

html+="<INPUT type='text'/>";

var arr = html.split("<INP");

var row = parseInt((arr.length-1)/3);

var y = (arr.length-1)%3;

var h='';

for(var i=0;i<row;i++){

h+="<INP"+arr[i*3+1];

h+="<INP"+arr[i*3+2];

if(arr[i*3+3].indexOf("<br>")>0){

h+="<INP"+arr[i*3+3];

}else{

h+="<INP"+arr[i*3+3]+"<br>";

}

}

for(var i=0;i<y;i++){

h+="<INP"+arr[row*3+i+1];

}

nHtml=h;

d.innerHTML = h;

}

</script>

 <BODY>

 <input type="button"  onclick="addInput();" value="add"/>

  <div id="t"><input type="text"/></div>

 </BODY>

</HTML>

<script>

nHtml = document.getElementById("t").innerHTML;;

</script>

分享到:
评论

相关推荐

    jsp 生成二维码

    设置`src`属性为一个动态URL,该URL对应于我们的JSP页面,当接收到二维码图片的响应时,浏览器会自动加载并显示。 在实际应用中,我们还需要考虑错误处理,比如用户输入的网址格式不正确,或者生成二维码时遇到的...

    点击按钮后 文本框变为Select下拉列表框

    在本节内容中,我们将会详细探讨如何在不同编程语言和平台上实现一个功能,即当用户点击一个按钮后,页面上的一个文本框会转变为一个下拉列表框(Select)。此功能常见于网页设计和前端开发,需要对HTML、JavaScript...

    爬虫jsp获取网页源码

    这段代码创建了一个表单,用户可以在其中输入URL,点击按钮后,JavaScript会阻止默认的表单提交行为,而是使用fetch API向服务器发送GET请求,获取源码并在页面上显示。注意,为了防止跨站脚本攻击(XSS),我们在传递...

    JSP快速入门教程

    当用户请求一个JSP页面时,Servlet容器首先将JSP页面转换成一个Servlet类,然后编译这个类,最后执行生成的Servlet实例,将结果返回给客户端。 #### 七、HTML表单元素 在Web开发中,HTML表单是非常重要的组成部分...

    jsp中如何实现按下回车键自动提交表单

    要实现回车键自动提交表单,我们可以添加一个JavaScript函数,该函数监听键盘事件,并在检测到回车键被按下时模拟点击提交按钮。这里的关键在于捕获键盘事件(`keydown`或`keyup`)并检查其按键码(keyCode)。回车...

    jsp留言簿

    - `action.jsp` 或其他处理请求的Servlet:当用户提交表单时,数据会被发送到这个页面,用于处理请求,如存储留言到数据库。 - 数据库连接:为了持久化留言,应用需要连接到数据库(如MySQL、Oracle等),存储用户...

    frame之间以及子页面和父页面间参数传递

    当点击按钮时,会触发`getChildEl()`函数,该函数通过`document.frames("inner").document.getElementById("text1.inner").value`获取子页面中的文本框值。 - **子页面**: ```html &lt;input type="button" value=...

    jsp_选择文件夹的路径

    当点击按钮时,将触发`browseFolder()`函数,并将所选文件夹的路径填充到文本框中。 ```html &lt;script src="browseFolder.js"&gt;&lt;/script&gt; &lt;input type="button" onclick="browseFolder('path')" value="选择...

    内部jsp培训教程

    JSP提供了多个隐含对象,它们自动在每个JSP页面中可用,无需显式声明。 - **request**:客户端请求,包括从GET/POST请求传递过来的参数。 - `setAttribute(String name, Object o)`: 设置请求范围的属性。 - `...

    jsp+ajax自动刷新实例

    - **页面初始化**:页面加载时,默认显示一个可点击的描述区域。 - **编辑描述**:用户点击描述区域后,会弹出一个文本框供用户输入或编辑描述。 - **保存描述**:用户输入完描述后点击保存按钮,通过AJAX向服务器...

    jsp快速入门教程

    #### 四、创建第一个JSP页面 下面是一个简单的JSP页面示例: ```jsp ;charset=gb2312" %&gt; 第一个JSP页面 Hello,世界! ``` 访问该页面的URL为:`http://127.0.0.1:8080/bookstore/hello.jsp`。 - `http`...

    表单及表单元素的应用(jsp).rar

    表单可以包含各种输入元素,如文本框(`&lt;input type="text"&gt;`)、密码输入框(`&lt;input type="password"&gt;`)、按钮(`&lt;input type="button"&gt;`或`&lt;button&gt;`)、复选框(`&lt;input type="checkbox"&gt;`)、单选按钮(`...

    400个DreamWeaver插件

    mxp/在file菜单下增加一个新的命令,可以列出最近编辑的几个文件。就好象Windows开始菜单中的“文档” mxp/现在的插件真是不得了!我恨不的给每个插件都打上5分。这个插件可以做一段Flash动画,用来演示目标文件夹下...

    jsp表单制作.rar_html_jsp_jsp 制作表单_jsp开发_jsp表单制作

    - `request.getParameter()`:当表单提交时,JSP通过这个方法获取用户在表单中输入的数据。 - `request.getParameterValues()`:用于获取多个相同name的输入元素的值,如复选框或数组类型的输入。 - `request....

    java源码包---java 源码 大量 实例

     用JAVA开发的一个小型的目录监视系统,系统会每5秒自动扫描一次需要监视的目录,可以用来监视目录中文件大小及文件增减数目的变化。 Java日期选择控件完整源代码 14个目标文件 内容索引:JAVA源码,系统相关,日历,...

    良葛格JspServlet学习笔记.pdf

    - **exception**:当JSP页面作为错误处理页面时,该对象包含了异常信息。 - **session**:用于管理用户会话。 - **pageContext**:提供对页面上下文中其他对象的访问。 ##### 3.3 Action元素 JSP中的一些Action元素...

    jsp javascript html 技术讲座 实例

    例如,为按钮添加点击事件: ```html &lt;button id="myButton"&gt;Click me&lt;/button&gt; document.getElementById("myButton").addEventListener("click", function() { alert("Button clicked!"); }); ``` 【HTML基础】...

    JavaScript实现点击按钮复制指定区域文本(推荐)

    同时,为按钮添加事件监听器,当按钮被点击时,调用上面定义的复制函数: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;Title &lt;!-- 文本内容 --&gt; &lt;button id="copy"&gt;复制文章&lt;/button&gt; ; height: 100px;" ...

Global site tag (gtag.js) - Google Analytics