js简单实现表单中点击按钮动态增加输入框数量的方法


Posted in Javascript onAugust 18, 2015

本文实例讲述了js简单实现表单中点击按钮动态增加输入框数量的方法。分享给大家供大家参考。具体如下:

这里演示表单中点击按钮动态增加输入框数量的方法,默认是没有输入框,点击按钮之后,输入框会不断的增加,每点击一次,增加一个,觉得挺不错吧,希望对你有所帮助。

运行效果如下图所示:

js简单实现表单中点击按钮动态增加输入框数量的方法

在线演示地址如下:

具体代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击按钮动态增加输入框数量</title>
</head>
<body>
<script>var i=1</script>
<input type=button onclick="document.body.insertAdjacentHTML('beforeEnd','<input type=text name='+i+' value='+i+++'> ')" value=添加>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 Javascript
jQuery为iframe的body添加click事件的实现代码
Apr 07 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
Jan 22 Javascript
js函数参数设置默认值的一种变通实现方法
May 26 Javascript
JS往数组中添加项性能分析
Feb 25 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 Javascript
jQuery插件jRumble实现网页元素抖动
Jun 05 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
Sep 08 Javascript
bootstrap组件之导航组件使用方法
Jan 19 Javascript
详解本地Node.js服务器作为api服务器的解决办法
Feb 28 Javascript
Angular6笔记之封装http的示例代码
Jul 27 Javascript
微信小程序实现点击按钮后修改颜色
Dec 05 Javascript
js实现的简单radio背景颜色选择器代码
Aug 18 #Javascript
jquery SweetAlert插件实现响应式提示框
Aug 18 #Javascript
js+css实现上下翻页相册代码分享
Aug 18 #Javascript
javascript实现图片上传前台页面
Aug 18 #Javascript
jquery使用ul模拟select实现表单美化的方法
Aug 18 #Javascript
jQuery实现的漂亮表单效果代码
Aug 18 #Javascript
jquery实现select下拉框美化特效代码分享
Aug 18 #Javascript
You might like
PHP的面向对象编程
2006/10/09 PHP
与文件上传有关的php配置参数总结
2013/06/14 PHP
JS模块与命名空间的介绍
2013/03/22 Javascript
JavaScript插件化开发教程(五)
2015/02/01 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
jQuery实现切换字体大小的方法
2015/03/10 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
JavaScript优化专题之Loading and Execution加载和运行
2016/01/20 Javascript
浅析javaScript中的浅拷贝和深拷贝
2017/02/15 Javascript
在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
2017/09/19 NodeJs
vue 使用Jade模板写html,stylus写css的方法
2018/02/23 Javascript
详解使用VueJS开发项目中的兼容问题
2018/08/02 Javascript
小程序分页实践之编写可复用分页组件
2019/07/18 Javascript
Node.js系列之发起get/post请求(2)
2019/08/30 Javascript
[20:21]《一刀刀一天》第十六期:TI国际邀请赛正式打响,总奖金超过550万
2014/05/23 DOTA
[54:47]Liquid vs VP Supermajor决赛 BO 第五场 6.10
2018/07/05 DOTA
[01:20]PWL S2开团时刻第三期——团战可以输 蝙蝠必须死
2020/11/26 DOTA
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
Ruby元编程基础学习笔记整理
2016/07/02 Python
DES加密解密算法之python实现版(图文并茂)
2018/12/06 Python
Python实现列表中非负数保留,负数转化为指定的数值方式
2020/06/04 Python
浅谈Python协程
2020/06/17 Python
深入浅析python 中的self和cls的区别
2020/06/20 Python
提高python代码运行效率的一些建议
2020/09/29 Python
CSS3字体效果的设置方法小结
2016/06/13 HTML / CSS
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
英国信箱在线鲜花速递公司:Bloom & Wild
2019/03/10 全球购物
欧洲最大的高尔夫零售商:American Golf
2019/09/02 全球购物
PHP如何防止SQL注入
2014/05/03 面试题
机电一体化自荐信
2013/12/10 职场文书
大学生开西餐厅创业计划书
2014/02/01 职场文书
校园公益广告语
2014/03/13 职场文书
仲裁协议书
2014/09/26 职场文书
支行行长竞聘报告
2014/11/06 职场文书
2019年预备党员的思想汇报:加深对党的认知
2019/09/25 职场文书
SQL优化老出错,那是你没弄明白MySQL解释计划用法
2021/11/27 MySQL