|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<title>高一新生信息表</title>
|
|
|
<!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
|
|
|
<link href="./layui/css/layui.css" rel="stylesheet">
|
|
|
</head>
|
|
|
<style>
|
|
|
.require-star {
|
|
|
position: absolute;
|
|
|
width: 3px;
|
|
|
height: 14px;
|
|
|
background-color: #ea4335;
|
|
|
top: 12px;
|
|
|
right: 8px;
|
|
|
border-radius: 1.5px;
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
<body>
|
|
|
<div class="layui-main layui-border" style="width: 1000px !important;margin-top: 10px;">
|
|
|
<form class="layui-form" action="" style="padding: 20px 30px 0 0;">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>姓名</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="xm" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>性别</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="xb" value="男" title="男">
|
|
|
<input type="radio" name="xb" value="女" title="女">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>民族</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<select name="mz" lay-filter="required">
|
|
|
<option value="01">汉族</option>
|
|
|
<option value="02">蒙古族</option>
|
|
|
<option value="03">回族</option>
|
|
|
<option value="04">藏族</option>
|
|
|
<option value="05">维吾尔族</option>
|
|
|
<option value="06">苗族</option>
|
|
|
<option value="07">彝族</option>
|
|
|
<option value="08">壮族</option>
|
|
|
<option value="09">布依族</option>
|
|
|
<option value="10">朝鲜族</option>
|
|
|
<option value="11">满族</option>
|
|
|
<option value="12">侗族</option>
|
|
|
<option value="13">瑶族</option>
|
|
|
<option value="14">白族</option>
|
|
|
<option value="15">土家族</option>
|
|
|
<option value="16">哈尼族</option>
|
|
|
<option value="17">哈萨克族</option>
|
|
|
<option value="18">傣族</option>
|
|
|
<option value="19">黎族</option>
|
|
|
<option value="20">傈僳族</option>
|
|
|
<option value="21">佤族</option>
|
|
|
<option value="22">畲族</option>
|
|
|
<option value="23">高山族</option>
|
|
|
<option value="24">拉祜族</option>
|
|
|
<option value="25">水族</option>
|
|
|
<option value="26">东乡族</option>
|
|
|
<option value="27">纳西族</option>
|
|
|
<option value="28">景颇族</option>
|
|
|
<option value="29">柯尔克孜族</option>
|
|
|
<option value="30">土族</option>
|
|
|
<option value="31">达斡尔族</option>
|
|
|
<option value="32">仫佬族</option>
|
|
|
<option value="33">羌族</option>
|
|
|
<option value="34">布朗族</option>
|
|
|
<option value="35">撒拉族</option>
|
|
|
<option value="36">毛难族</option>
|
|
|
<option value="37">仡佬族</option>
|
|
|
<option value="38">锡伯族</option>
|
|
|
<option value="39">阿昌族</option>
|
|
|
<option value="40">普米族</option>
|
|
|
<option value="41">塔吉克族</option>
|
|
|
<option value="42">怒族</option>
|
|
|
<option value="43">乌孜别克族</option>
|
|
|
<option value="44">俄罗斯族</option>
|
|
|
<option value="45">鄂温克族</option>
|
|
|
<option value="46">崩龙族</option>
|
|
|
<option value="47">保安族</option>
|
|
|
<option value="48">裕固族</option>
|
|
|
<option value="49">京族</option>
|
|
|
<option value="50">塔塔尔族</option>
|
|
|
<option value="51">独龙族</option>
|
|
|
<option value="52">鄂伦春族</option>
|
|
|
<option value="53">赫哲族</option>
|
|
|
<option value="54">门巴族</option>
|
|
|
<option value="55">珞巴族</option>
|
|
|
<option value="56">基诺族</option>
|
|
|
<option value="97">其他</option>
|
|
|
<option value="98">外国血统</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
毕业学校</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="byxx" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
毕业班级</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="bybj" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
身高</label>
|
|
|
<div class="layui-input-inline layui-input-group">
|
|
|
<input type="text" name="sg" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
<div class="layui-input-split layui-input-suffix">
|
|
|
cm
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
准考证号</label>
|
|
|
<div class="layui-input-inline" style="width: 515px !important;">
|
|
|
<input type="text" name="zkz" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
中招分数</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="zzfs" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
户籍所在地</label>
|
|
|
<div class="layui-input-inline" style="width: 515px !important;">
|
|
|
<input type="text" name="hjszd" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
家庭是否享受低保</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="db" value="是" title="是">
|
|
|
<input type="radio" name="db" value="否" title="否">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
家庭现住址</label>
|
|
|
<div class="layui-input-inline" style="width: 515px !important;">
|
|
|
<input type="text" name="jtzz" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
血型</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="xx" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
父亲姓名</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="bb_name" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
工作单位</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="bb_bureau" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
电话</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="bb_tel" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
母亲姓名</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="mm_name" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
工作单位</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="mm_bureau" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label">
|
|
|
电话</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="mm_tel" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
服装号码<br />如“175”</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="fzhm" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
有何特长</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="tc" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
初三是否<br />班委</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="bw" value="是" title="是">
|
|
|
<input type="radio" name="bw" value="否" title="否">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
是否因身体原因需特殊照顾</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="zg" value="是" title="是">
|
|
|
<input type="radio" name="zg" value="否" title="否">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
希望加入(创办)社团(如演讲、播音、主持)</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="text" name="st" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
是否希望加入志愿者组织</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="zyz" value="是" title="是">
|
|
|
<input type="radio" name="zyz" value="否" title="否">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
是否愿意参加暑期夏令营</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="xly" value="是" title="是">
|
|
|
<input type="radio" name="xly" value="否" title="否">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
是否愿意参加暑期省内外游学交流活动</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="jlhd" value="是" title="是">
|
|
|
<input type="radio" name="jlhd" value="否" title="否">
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
家长是否愿意参加家长委员会</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="radio" name="jwh" value="是" title="是">
|
|
|
<input type="radio" name="jwh" value="否" title="否">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
<label class="layui-form-label"><span class="require-star"></span>
|
|
|
照片</label>
|
|
|
<div class="layui-input-inline" style="width: 515px !important;">
|
|
|
<div class="layui-upload-drag" id="uploadImg">
|
|
|
<i class="layui-icon"></i>
|
|
|
<p>点击上传，或将文件拖拽到此处</p>
|
|
|
<p>文件小于20MB，可用扩展名: jpg</p>
|
|
|
<div class="layui-hide" id="uploadView">
|
|
|
<hr>
|
|
|
<img src="" alt="上传成功后渲染" style="max-width: 196px">
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-input-block">
|
|
|
<button type="submit" class="layui-btn" lay-submit lay-filter="save">立即提交</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
</div>
|
|
|
<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
|
|
|
<script src="./layui/layui.js"></script>
|
|
|
<script>
|
|
|
layui.use(['form', 'laydate', 'util', 'upload'], function () {
|
|
|
var form = layui.form;
|
|
|
var layer = layui.layer;
|
|
|
var upload = layui.upload
|
|
|
var util = layui.util;
|
|
|
|
|
|
// 自定义验证规则
|
|
|
form.verify({
|
|
|
pass: [
|
|
|
/^[\S]{6,12}$/,
|
|
|
'密码必须6到12位，且不能出现空格'
|
|
|
]
|
|
|
});
|
|
|
|
|
|
//拖拽上传
|
|
|
upload.render({
|
|
|
elem: "#uploadImg"
|
|
|
, size: 20480
|
|
|
, exts: 'jpg'
|
|
|
, url: "/FengHuang/yp/uploadPic"
|
|
|
, done: function (res) {
|
|
|
layer.msg("上传成功！", {
|
|
|
icon: 1,
|
|
|
time: 1500
|
|
|
});
|
|
|
imgId = res.uuid;
|
|
|
layui.$('#uploadView').removeClass('layui-hide').find('img').attr('src', res.base64);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// 提交事件
|
|
|
form.on('submit(save)', function (data) {
|
|
|
var field = data.field; // 获取表单字段值
|
|
|
// 显示填写结果，仅作演示用
|
|
|
layer.alert(JSON.stringify(field), {
|
|
|
title: '当前填写的字段值'
|
|
|
});
|
|
|
// 此处可执行 Ajax 等操作
|
|
|
// …
|
|
|
return false; // 阻止默认 form 跳转
|
|
|
});
|
|
|
|
|
|
});
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |
