<html>
<head>
<script language="javascript">
var i = 1 ;
function addInput(){
var div = document.getElementById("inputDiv") ;
var str = "<input type='text' id='id1"+i+"' name='name1"+i+"'>" ;
str += " " ;
str += "<input type='text' id='id2"+i+"' name='name2"+i+"'>" ;
div.innerHTML += str ;
i++ ;
document.getElementById("num").value = i + "" ;//没添加一次，将总数累加
}
</script>
</head>
<body>
<div id="inputDiv">
<form name="form1" action="b.jsp">
<input type="text" id="id10" name="name10"/>
<input type="text" id="id20" name="name20"/>
<!-- 注意起的名称，name10 name20 后面的“0”是累加用的，前面部分是区分这两个文本域 -->
</form>
</div>
<br>
<input type="button" onclick="addInput()" value="+" >
<input type="submit" value="submit" >
<input type="hidden" id="num" name="num" value="1"><!-- 记录添加次数 -->
</body>
</html>
分享到：
相关推荐
JSP中使用JavaScript动态插入删除输入框实现代码 JSP（Java Server Pages）是一种基于Java技术的服务器端脚本语言，主要用于生成动态网页内容。JavaScript则是一种客户端脚本语言，主要用于实现网页的交互功能。在...
为了实现对每个输入框的值进行判断，我们可以添加一个函数来遍历所有input元素，检查它们的值是否满足特定条件。例如，我们可以确保输入非空，长度在一定范围内等。下面是一个简单的判断函数示例： ```javascript ...
本示例中的"js动态添加输入框控件组"就是这样一个应用场景，它展示了如何利用JavaScript来动态生成和管理输入框(input)控件，允许用户添加多组问题和答案。 首先，我们需要理解HTML表单的基础。表单是网页中用于...
在IT开发领域，尤其是网页和应用界面设计时，用户界面（UI）的细节至关重要，而“动态IP地址输入输入框”和“输入线”就是其中的一种常见元素。这两种设计方式都是为了提供用户友好的IP地址输入体验。让我们深入探讨...
2. **输入框**：在下拉列表前添加一个输入框，允许用户输入关键词进行搜索过滤。这个输入框通常由HTML的`<input type="text">`元素创建，并且可以通过事件监听（如`onkeyup`或`oninput`）来实时响应用户的输入，动态...
在JavaScript编程中，输入框自动匹配功能是一种常见的用户体验优化手段，尤其在搜索、表单填写等场景中广泛应用。这种功能可以实时地根据用户输入的内容，从预设的数据集中匹配并展示可能的选项，帮助用户快速找到...
这个实例展示了如何利用JavaScript实现输入框和选择框之间的互动，使得用户在输入时可以方便地从一组预设选项中选取，同时将所选内容显示在输入框中。这样的设计常见于各种表单和搜索功能，提高了用户在网页上的操作...
在本文中，我们将深入探讨Bootstrap框架中的输入框组（Input Groups）的使用方法。Bootstrap是一个流行的前端开发框架，它提供了一套美观、响应式的UI组件，使得构建网站变得更加容易。输入框组是其中的一个关键组件...
2. **边框与背景**：CSS3允许使用线性渐变、径向渐变和图像作为边框和背景，这使得输入框的外观可以根据需求定制，比如创建具有渐变色边框或背景的动态效果。 3. **阴影效果**：`box-shadow`和`text-shadow`属性...
为了实现动态添加和删除输入框组，我们可以编写一个自定义的jQuery插件，比如名为`inputGroup.js`。这个插件定义了一个`initInputGroup`方法，它接受一个配置对象作为参数，用于定制输入框的类型（文本域或输入框）...
本知识点将以“简单组合输入框+登录对话框+simpleLogin”为案例，探讨使用HTML、CSS和JavaScript实现一个基础的登录界面的方法和技巧。 HTML（HyperText Markup Language）是构建网页的标准标记语言。它通过一系列...
AmazeUI 输入框组是基于前端开发框架AmazeUI中的一个重要组件，主要用于构建网页上的表单元素，尤其是涉及用户输入的场景。这个组件提供了一种高效、美观且响应式的解决方案，帮助开发者创建出符合现代Web设计标准的...
为了创建一个IP地址输入框，我们需要使用`<input>`标签，类型设置为`text`，并可能添加一些额外的属性来增强用户体验。例如： ```html 请输入IP地址" pattern="^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25...
1. **创建HTML结构**：在HTML中，创建一个`<input>`元素作为日期输入框，添加一个`<button>`元素作为日历图标，同时设置相应的类名和ID，以便后续JavaScript代码找到并操作这些元素。 2. **添加CSS样式**：根据设计...
2. **JavaScript动态添加行**： - `tbladdrow()`函数根据当前行数生成新的行，并插入到表格中。 - 使用循环`for (i=1; i; i++)`批量添加多行。 - 提供删除行的功能`delrow()`。 3. **服务器端处理**： - 在JSP...
表单输入框下拉菜单，也被称为选择框或下拉列表，通常用于提供一组预定义的选项供用户选择。它们可以用于减少输入错误，简化用户界面，并在有限的空间内显示大量信息。这种组件在注册表单、调查问卷、订单页面等场景...
例如，你可以为特定的任务节点（如User Task）添加一个新的属性，该属性表示该任务应使用一个下拉选择框而非普通的文本输入框。这通常涉及到JSON对象的增删改操作，需要对JSON语法有基本了解。 接下来，`stencilset...
它允许用户从预定义的一组选项中进行选择，而不是手动输入。在HTML中，我们可以使用`<select>`标签配合`<option>`标签来创建一个下拉列表。每个`<option>`标签代表一个可选值。 结合这两种元素，我们可以在文本...
3. 将新标签作为一个`<li>`元素插入到`#tagsList`中，并在每个标签后添加一个删除按钮。 4. 监听删除按钮的点击事件，移除相应的标签元素和数组中的对应项。 为了增加预设标签的选择功能，可以创建一个下拉列表或者...
本文将深入探讨如何实现一个简单的输入框的隐藏和显示功能，这一功能在许多应用程序中都非常常见，例如表单填写、搜索栏等。我们将主要关注JavaScript语言和HTML的交互，因为它们是构建动态Web页面的基础。 首先，...