layui动态添加删除表单行多表单提交验证代码
代码语言:html
所属分类:表单美化
代码描述:layui动态添加删除表单行多表单提交验证代码
代码标签: layui 动态 添加 删除 表单 行 多表单 提交 验证 代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/js/layui/css/layui.css">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/layui/layui.all.js"></script>
<style>
html,
body {
height: 100%;
}
.myTable {
width: 1200px;
height: 600px;
margin: 0 auto;
border: 1px #eee double;
box-sizing: border-box;
}
.t-header {
height: 50px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.t-main {
height: 50px;
display: flex;
align-items: center;
background-color: #eee;
}
.myTable .t-main span {
width: 16%;
display: inline-block;
box-sizing: border-box;
margin: 10px;
text-align: center;
}
.myTable .layui-input {
width: 16%;
display: inline-block;
box-sizing: border-box;
margin: 10px 5px;
}
.delItem {
margin-left: 40px;
}
.t-footer {
hei.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0