|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<title>报名申请表</title>
|
|
|
|
|
|
<link rel="stylesheet" href="../component/pear/css/pear.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="../admin/css/other/result.css" />
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body class="pear-container layui-form">
|
|
|
|
|
|
<div class="layui-card">
|
|
|
|
|
|
<div class="layui-card-header">报名申请表</div>
|
|
|
|
|
|
<div class="layui-card-body">
|
|
|
|
|
|
<div style="margin: 5px 0 25px 0">
|
|
|
|
|
|
<label class="layui-form-label" style="width: 85px;">姓名：</label>
|
|
|
|
|
|
<div class="layui-input-block" style="margin-right: 8px;">
|
|
|
|
|
|
<input type="text" autocomplete="off" lay-verify="required" name="taskName" placeholder="请输入姓名"
|
|
|
|
|
|
class="layui-input" style="width: 500px;">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="margin: 5px 0 25px 0">
|
|
|
|
|
|
<label class="layui-form-label" style="width: 85px;">性别：</label>
|
|
|
|
|
|
<div class="layui-input-block" style="margin-right: 8px;">
|
|
|
|
|
|
<input type="radio" name="sex" value="1" title="男" checked>
|
|
|
|
|
|
<input type="radio" name="sex" value="2" title="女">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="margin: 5px 0 25px 0">
|
|
|
|
|
|
<label class="layui-form-label" style="width: 85px;">身份证号：</label>
|
|
|
|
|
|
<div class="layui-input-block" style="margin-right: 8px;">
|
|
|
|
|
|
<input type="text" autocomplete="off" lay-verify="required|identity" name="taskName"
|
|
|
|
|
|
placeholder="请输入身份证号" class="layui-input" style="width: 500px;">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="margin: 5px 0 25px 0">
|
|
|
|
|
|
<label class="layui-form-label" style="width: 85px;">报名学段：</label>
|
|
|
|
|
|
<div class="layui-input-block" style="margin-right: 8px;">
|
|
|
|
|
|
<button type="button" class="layui-btn layui-btn-radius">输入身份证号后自动识别</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="margin: 5px 0 25px 0">
|
|
|
|
|
|
<label class="layui-form-label" style="width: 85px;">家庭住址：</label>
|
|
|
|
|
|
<div class="layui-input-block" style="margin-right: 8px;">
|
|
|
|
|
|
<input type="text" autocomplete="off" lay-verify="required" name="taskName" placeholder="请输入家庭住址"
|
|
|
|
|
|
class="layui-input" style="width: 500px;">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="margin: 5px 0 25px 0">
|
|
|
|
|
|
<label class="layui-form-label" style="width: 85px;">父亲姓名：</label>
|
|
|
|
|
|
<div class="layui-input-block" style="margin-right: 8px;">
|
|
|
|
|
|
<input type="text" autocomplete="off" lay-verify="required" name="taskName" placeholder="请输入父亲姓名"
|
|
|
|
|
|
class="layui-input" style="width: 500px;">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="margin: 5px 0 25px 0">
|
|
|
|
|
|
<label class="layui-form-label" style="width: 85px;">母亲姓名：</label>
|
|
|
|
|
|
<div class="layui-input-block" style="margin-right: 8px;">
|
|
|
|
|
|
<input type="text" autocomplete="off" lay-verify="required" name="taskName" placeholder="请输入母亲姓名"
|
|
|
|
|
|
class="layui-input" style="width: 500px;">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="margin: 5px 0 25px 0">
|
|
|
|
|
|
<label class="layui-form-label" style="width: 85px;">联系电话：</label>
|
|
|
|
|
|
<div class="layui-input-block" style="margin-right: 8px;">
|
|
|
|
|
|
<input type="text" autocomplete="off" lay-verify="required|phone" name="taskName"
|
|
|
|
|
|
placeholder="请输入联系电话" class="layui-input" style="width: 500px;">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div style="margin: 5px 0 25px 0">
|
|
|
|
|
|
<label class="layui-form-label" style="width: 85px;">户口本照片(幼儿页)：</label>
|
|
|
|
|
|
<div class="layui-input-block" style="margin-right: 8px;">
|
|
|
|
|
|
<div class="layui-upload-drag" id="uploadImg">
|
|
|
|
|
|
<i class="layui-icon"></i>
|
|
|
|
|
|
<p>点击上传，或将文件拖拽到此处</p>
|
|
|
|
|
|
<div class="layui-hide" id="uploadView">
|
|
|
|
|
|
<hr>
|
|
|
|
|
|
<img src="" alt="上传成功后渲染" style="max-width: 196px">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="action">
|
|
|
|
|
|
<button type="submit" class="layui-btn" lay-submit="" lay-filter="save-apply">立即提交</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script src="../component/layui/layui.js"></script>
|
|
|
|
|
|
<script src="../component/pear/pear.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
layui.use(['upload', 'element', 'form', 'layer'], function () {
|
|
|
|
|
|
var form = layui.form
|
|
|
|
|
|
, $ = layui.jquery
|
|
|
|
|
|
, upload = layui.upload
|
|
|
|
|
|
, element = layui.element
|
|
|
|
|
|
, layer = layui.layer;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//拖拽上传
|
|
|
|
|
|
upload.render({
|
|
|
|
|
|
elem: '#uploadImg'
|
|
|
|
|
|
, url: 'https://httpbin.org/post' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
|
|
|
|
|
|
, done: function (res) {
|
|
|
|
|
|
console.log(res);
|
|
|
|
|
|
layer.msg('上传成功');
|
|
|
|
|
|
layui.$('#uploadView').removeClass('layui-hide').find('img').attr('src', res.files.file);
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
form.on('submit(save-apply)', function (data) {
|
|
|
|
|
|
|
|
|
|
|
|
window.location="./success.html";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
