main
kgdxpr 2 years ago
parent 34bce63d9b
commit 0d0d282c7c

@ -0,0 +1,86 @@
<!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>
<body>
<style>
.demo-login-container {
width: 320px;
position: absolute;
top: 50%;
left: 50%;
border-radius: 12px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}
.demo-login-other .layui-icon {
position: relative;
display: inline-block;
margin: 0 2px;
top: 2px;
font-size: 26px;
}
</style>
<form class="layui-form">
<div class="demo-login-container">
<div class="layui-form-item" style="margin-bottom: 50px;">
2023级高一新生信息
</div>
<div class="layui-form-item">
<div class="layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-vercode"></i>
</div>
<input type="text" name="username" value="" lay-verify="required" placeholder="准考证号(非省准考证号)"
autocomplete="off" class="layui-input" lay-affix="clear">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-username"></i>
</div>
<input type="text" name="password" value="" lay-verify="required" placeholder="姓 名"
lay-reqtext="请填姓名" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="demo-login">进 入</button>
</div>
</div>
</form>
<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="./layui/layui.js"></script>
<script>
layui.use(function () {
var form = layui.form;
var layer = layui.layer;
// 提交事件
form.on('submit(demo-login)', function (data) {
var field = data.field; // 获取表单字段值
// 显示填写结果,仅作演示用
layer.alert(JSON.stringify(field), {
title: '当前填写的字段值'
});
// 此处可执行 Ajax 等操作
// …
return false; // 阻止默认 form 跳转
});
});
</script>
</body>
</html>

@ -0,0 +1,402 @@
<!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>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 322 KiB

File diff suppressed because one or more lines are too long

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo</title>
<!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
<link href="//unpkg.com/layui@2.8.11/dist/css/layui.css" rel="stylesheet">
</head>
<body>
<div class="layui-form">
<div class="layui-form-item">
<div class="layui-input-group">
<input type="text" placeholder="带任意前置和后置内容" class="layui-input">
<div class="layui-input-split layui-input-suffix">
cm
</div>
</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="vercode" lay-verify="required" autocomplete="off" class="layui-input"> -->
<input type="text" placeholder="带任意前置和后置内容" class="layui-input">
<div class="layui-input-split layui-input-suffix">
cm
</div>
</div>
</div>
</div>
</div>
<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="//unpkg.com/layui@2.8.11/dist/layui.js"></script>
</body>
</html>
Loading…
Cancel
Save