javascript 添加表单脚本 利用了bootstrap 框架美化
来源:互联网 发布:php无限极分类 编辑:程序博客网 时间:2024/05/26 12:03
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>阿里西西_Web开发之家_alixixi.com</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id='d'></div>
<button id="b" type="button" class="btn btn-primary btn-info btn-block"
data-toggle="button">添加题目</button>
data-toggle="button">添加题目</button>
</body>
<script language="javascript">
i = 1;
document.getElementById("b").onclick=function(){
document.getElementById("d").innerHTML+='<div class="row" id="div_'+i+'"><div class="col-xs-2"><input type="text" name="text_'+i+'" class="form-control" placeholder="题号"></div><div class="col-xs-2"><input type="text" class="form-control" placeholder="分值"></div><div class="col-xs-2"><input type="button" onclick="del('+i+')" class="btn btn-info btn-xs form-control" value="删除"/></div>';
i = i + 1;
}
function del(o){
document.getElementById("d").removeChild(document.getElementById("div_"+o));
}
</script>
</html>
阅读全文
0 0
- javascript 添加表单脚本 利用了bootstrap 框架美化
- 57-005-1 bootstrap在表单中的利用,表单验证以及jquery验证框架的使用
- bootstrap学习心得(1)-------框架-----表单
- javascript------Bootstrap框架
- 浅析Web表单美化CSS框架Topcoat
- JavaScript/jQuery 表单美化插件小结
- JavaScript/jQuery 表单美化插件小结
- 使用Flask form 制作注册表单,并使用bootstrap美化
- javascript 表单脚本详解
- JavaScript 表单脚本
- JavaScript笔记:表单脚本
- JavaScript中的表单脚本
- JavaScript之表单脚本
- javaScript表单脚本
- 利用javascript提交表单
- thinkphp框架page类与bootstrap分页(美化)
- 表单美化
- 利用bootstrap框架做了一个采摘节节日活动网页
- php题目使用3中以上方法获取文件扩展名
- HDU
- 关于数据请求安全性问题
- 热水锅炉控制系统 分时段控制水温和水位
- 漫步最优化二十五——斐波那契搜索
- javascript 添加表单脚本 利用了bootstrap 框架美化
- Huawei MediaPad 10 FHD(101u) 精简版ROM
- 过拟合与欠拟合数学原理
- Spring MVC Interceptor
- Codeforces875 F-神奇图论
- C 函数指针 回调函数
- adb shell 命令
- (M)Backtracking:90. Subsets II
- GoldenGate(3)_DDL和Sequence同步