<!DOCTYPE html>
<html lang="utf-8">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>上传资料</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
var index = 0;
$("#field_add_romove").attr("index",0);
$(document).ready(function () {
$("#add_field_btn").click(function () {
index++;
var new_field = $("#field_add_romove").clone(true).removeClass("row needs-validation remove_field")
.removeAttr("id").attr({"index":index});
$(this).parent().parent().parent().after(new_field);
});
//remove
$("#remove_field_btn").click(function () {
$(this).parent().parent().parent()remove();
})
});
</script>
</head>
<body>
<div class="col-md-11" align="center">
<h3 class="mb-3 page-header">字段上传</h3>
<div class="remove_field" novalidate="" id="field_add_romove" style="display: block">
<div class="" style="text-align: center">
<div class="col-md-2">
<input type="text" class="form-control" id="firstName" placeholder="字段类型" value="" required="">
<label for="field_name"></label>
</div>
<div class="col-md-2">
<input type="text" class="form-control" id="firstName" placeholder="中文字段" value="" required="">
<label for="chinese_name"></label>
</div>
<div class="col-md-2">
<input type="text" class="form-control" id="firtName" placeholder="英文字段" value="" required="">
<label for="english_name"></label>
</div>
<div class="col-md-2">
<input type="text" class="form-control" id="fstName" placeholder="定位符" value="" required="">
<label for="id_name"></label>
</div>
<div class="col-md-2 field_row">
<input type="text" class="form-control" id="stName" placeholder="值" value="" required="">
<label for="num"></label>
</div>
<div>
<div class="col-md-1" id="add_field_btn">
<button type="button" class="btn btn-primary">增加</button>
<label for="add_field"></label>
</div>
<div class="col-md-1" id="remove_field_btn">
<button type="button" class="btn btn-primary">删除</button>
<label for="add_field"></label>
</div>
</div>
</div>
</div>
<p></p>
<div class="col-md-12" align="center" style="margin: auto">
<h3 class="page-header">文件上传</h3>
<div class="col-md-4">
<input class="form-control" placeholder="文件地址" type="text">
<label for="upload_field"></label>
</div>
<div class="col-md-1 md-1">
<button type="submit" class="btn file" date-s>选择文件</button>
</div>
<div class="col-md-1">
<label for="">文件类型</label>
</div>
<div class="col-md-2 md-1">
<select class="custom-select col-md-2 form-control" id="file_idx_name" required="">
<option value="">案例</option>
<option value="">培训材料</option>
<option value="">产品文档</option>
<option value="">模板</option>
<option value="">博客</option>
<option value="">其他</option>
</select></div>
<label for="state"></label>
<div class="col-md-1">
<label for="">提交人</label>
</div>
<div class="col-md-1" id="file_add_box">
<input class="form-control" id="input_person_name" placeholder="" required="" type="text">
<label for="input_person"></label>
</div>
</div>
</div>
<div class="col-md-11">
<button class="btn btn-primary btn-lg btn-block" type="submit">提交</button>
</div>
<style>
#add_field_btn{
margin-bottom: 20px;
}
label{
margin: 5px 0px 0px 15px;
text-align:right;
font-size: large;
}
</style>
</body>
</html>
网友评论