使用css写一个注册页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
<style>
    *{
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }
    body{
        background: url("img/register_bg.png") no-repeat center;
        padding-top: 25px;
    }

    .rg_layout{
        width: 900px;
        height: 500px;
        border: 8px solid #EEEEEE;
        background-color: white;
        /*让div水平居中*/
        margin: auto;
    }

    .rg_left{
        /*border: 1px solid red;*/
        float: left;
        margin: 15px;
    }
    .rg_left > p:first-child{
        color:#FFD026;
        font-size: 20px;
    }

    .rg_left > p:last-child{
        color:#A6A6A6;
        font-size: 20px;

    }


    .rg_center{
        float: left;
       /* border: 1px solid red;*/

    }

    .rg_right{
        /*border: 1px solid red;*/
        float: right;
        margin: 15px;
    }

    .rg_right > p:first-child{
        font-size: 15px;

    }
    .rg_right p a {
        color:pink;
    }

    .td_left{
        width: 100px;
        text-align: right;
        height: 45px;
    }
    .td_right{
        padding-left: 50px ;
    }

    #username,#password,#email,#name,#tel,#birthday,#checkcode{
        width: 251px;
        height: 32px;
        border: 1px solid #A6A6A6 ;
        /*设置边框圆角*/
        border-radius: 5px;
        padding-left: 10px;
    }
    #checkcode{
        width: 110px;
    }

    #img_check{
        height: 32px;
        vertical-align: middle;
    }

    #btn_sub{
        width: 150px;
        height: 40px;
        background-color: #FFD026;
        border: 1px solid #FFD026 ;
    }

</style>

</head>
<body>

<div class="rg_layout">
    <div class="rg_left">
        <p>新用户注册</p>
        <p>USER REGISTER</p>

    </div>

    <div class="rg_center">
        <div class="rg_form">
            <!--定义表单 form-->
            <form action="#" method="post">
                <table>
                    <tr>
                        <td class="td_left"><label for="username">用户名</label></td>
                        <td class="td_right"><input type="text" name="username" id="username" placeholder="请输入用户名"></td>
                    </tr>

                    <tr>
                        <td class="td_left"><label for="password">密码</label></td>
                        <td class="td_right"><input type="password" name="password" id="password" placeholder="请输入密码"></td>
                    </tr>
					 <tr>
                        <td class="td_left"><label for="password">确认密码</label></td>
                        <td class="td_right"><input type="password" name="password" id="password" placeholder="请再次输入密码"></td>
                    </tr>

                    <!-- <tr> -->
                        <!-- <td class="td_left"><label for="email">Email</label></td> -->
                        <!-- <td class="td_right"><input type="email" name="email" id="email" placeholder="请输入邮箱"></td> -->
                    <!-- </tr> -->

                    <!-- <tr> -->
                        <!-- <td class="td_left"><label for="name">姓名</label></td> -->
                        <!-- <td class="td_right"><input type="text" name="name" id="name" placeholder="请输入姓名"></td> -->
                    <!-- </tr> -->

                    <!-- <tr> -->
                        <!-- <td class="td_left"><label for="tel">手机号</label></td> -->
                        <!-- <td class="td_right"><input type="text" name="tel" id="tel" placeholder="请输入手机号"></td> -->
                    <!-- </tr> -->

                    <!-- <tr> -->
                        <!-- <td class="td_left"><label>性别</label></td> -->
                        <!-- <td class="td_right"> -->
                            <!-- <input type="radio" name="gender" value="male"> 男 -->
                            <!-- <input type="radio" name="gender" value="female"> 女 -->
                        <!-- </td> -->
                    <!-- </tr> -->

                    <!-- <tr> -->
                        <!-- <td class="td_left"><label for="birthday">出生日期</label></td> -->
                        <!-- <td class="td_right"><input type="date" name="birthday" id="birthday" placeholder="请输入出生日期"></td> -->
                    <!-- </tr> -->

                    <tr>
                        <td class="td_left"><label for="checkcode" >验证码</label></td>
                        <td class="td_right"><input type="text" name="checkcode" id="checkcode" placeholder="请输入验证码">
                            <img id="img_check" src="img/verify_code.jpg">
                        </td>
                    </tr>


                    <tr>
                        <td colspan="2" align="center"><input type="submit" id="btn_sub" value="登录"></td>
                    </tr>
                </table>

            </form>


        </div>

    </div>

    <div class="rg_right">
        <p>已有账号?<a href="#">立即登录</a></p>
    </div>


</div>


</body>
</html>

东高校毕业生就业信息网单位注册及网签操作指南

一、单位注册登录

单位签约接收毕业生登录山东高校毕业生就业信息网（域名：http://www.sdgxbys.cn/index.html），点击登录按钮，进入用户选择界面，选择单位登录。

单位签约接收2019届及以后毕业生，请选择2019届及以后

二、单位注册账号

功能描述：单位通过山东高校毕业生就业信息网登录/注册入口，进入注册界面，完成信息填写，提交注册信息验证，验证通过注册成功。

特别说明：

1.系统原注册单位（除禁用账户单位）仍然可以用原账号和密码登录，无须重新注册。登录后单位需按系统要求内容补充填写资料。

用户名：原账号

密码：原密码

2.信息网首次注册单位用户，点击“立即注册”提交并通过人社部门资质审核后，可以通过信息网办理签约2019届及之后毕业生手续。

用户名：单位注册名称或统一社会信用代码

密码：单位自行设置

审核规则：注册单位提交资料后，驻济央企和省级单位由省级人社部门审核。其他单位根据单位工商注册所在地下发到市地和区县级人社部门审核。

功能操作：

1.填写账号信息。单位注册填写的单位全名和统一社会信用代码与第三方系统数据核验，联系人手机通过短信平台进行有效性验证，注册邮箱格式系统效验有效性。注册信息验证通过进入下一步提交认证资料。

2.认证资料填写。进入下一步，按要求填写单位基本信息、单位联系信息、上传证件资料和档案接收信息。

（1）单位基本信息。按界面要求填写单位注册所在地、行业类别、单位类别、单位性质、单位规模，以及做单位标签。其中单位注册所在地字段作为审核机构的重要字段，请填写正确。

（2）单位联系信息。请填写单位主要联系人相关信息，便于后期联络，如有变更请及时更新。

上传证件资料。上传单位三种证件资料，一是营业执照副本扫描图片，二是主要联系人身份证扫描图片，三是授权委托书扫描图片。

（4）档案接收信息。请单位如实填写接收毕业生档案情况。一是档案托管接收，即单位在岚山区公共就业和人才服务中心已办理档案托管，签约毕业生档案可寄送到岚山区公共就业和人才服务中心托管；二是签约单位接收，即单位具有人事档案管理权，可自行管理档案；三是上级单位接收，即单位的上级单位具有人事档案管理权，可寄送到上级单位管理档案；四是不接收，即单位以上三种情况都不符合，不能接收签约毕业生的档案关系。

选择档案托管接收时需上传档案托管证明

三、单位登录系统

功能描述：单位通过注册填写单位名称或统一社会信用代码作为用户名，输入密码后进行图形验证，验证通过即可登录。

功能操作：新版系统登录界面如下，单位名称和统一社会信用代码选择一种作为用户名输入，完成图形验证即可登录。

四、忘记密码

功能描述：单位忘记密码通过两种方式找回。一种是账号验证，一种是联系管理员。

功能操作：

1.账号验证方式。通过输入单位名称验证账号正确性，验证通过进入下一步。

2.安全性验证。通过注册手机和邮箱两种方式进行安全验证。验证通过进入下一步。

3.重置密码。账号和安全验证通过后，进行重置密码。重置完成即可登录系统。

五、签约中心

1.签约邀请

功能描述：实现用人单位向拟签约毕业生发送签约邀请的功能。单位签约2019届及以后毕业生，用新的业务流程处理。

网签规则：单位可直接根据毕业年度、姓名、身份证号和毕业院校四个关键字段查询毕业生。只有四个条件同时满足才能从系统中查出结果。

功能操作：点击左侧签约邀请栏目，右侧显示单位向毕业生发送签约邀请的界面。

（1）查询：单位同时输入毕业年度、毕业院校、学生姓名、身份证号四个信息，核对一致即查到拟签约毕业生。

（2）填写签约邀请内容。选中毕业生记录，点击“发送签约邀请”按钮，按界面要求输入信息，点击“发送”按钮。

注明：事业单位申请编制外聘用方式并且已经审核通过的单位，发送签约邀请界面，显示签约毕业生档案接收单位选项，选择“编制外聘用”方式，学生档案寄送到档案托管单位，报到证签往单位名称也可调整。

（3）发送邀请：邀请函的预览界面，核查信息无误，可确认发送，如有问题可取消重新填写。

（4）加入批量发送收藏夹：如果签约毕业生签约岗位、薪资、联系人信息一样，可暂时把毕业生先加入到收藏夹，到“批量签约”栏目操作。

六、批量签约

功能描述：实现用人单位向与拟签约毕业生批量签约的功能。

功能操作：

1.查询：单位输入毕业年度、毕业院校、学生姓名、身份证号四个信息，从收藏夹中查到拟签约毕业生。

2.填写签约邀请内容。选中多条毕业生记录，点击“发送签约邀请”按钮，按界面要求输入信息，点击“发送”按钮。

3.发送邀请：邀请函的预览界面，核查信息无误，可确认发送，如有问题可取消重新填写。

七、签约管理

功能描述：实现用人单位发出签约邀请后，对学生应约后的协议书，已签协议书的解除功能。

功能操作：

1.签约邀请：查询已发送毕业生的签约邀请记录，可查看学生回复情况。

2.协议书管理：查看学生应约生成的协议书记录，可查看协议书审核情况。可提出解除协议申请。机关事业单位签约编制内毕业生需上传招聘录用证明资料。

3.解约管理：查看单位提出解约申请和学生提出解约申请的解约记录，可查看学生应约情况，回复学生解约，双方达成解约后可打印解约函。

八、单位账号管理

1.基本信息

功能描述：实现用人单位注册填写的部分信息的变更维护。

修改规则：

关键字段修改：已经审核通过的单位，单位名称、统一社会信用代码、单位工商注册所在地、单位隶属、单位类别、单位性质、上传证照资料、档案接收信息、劳务派遣信息如需变更，单位提交后需要经人社部门变更等待审核。

非关键字段修改：除关键信息外，其他字段修改，单位可以直接修改。

功能操作：点击左侧基本信息栏目，右侧显示单位注册基本信息的修改界面。

2.修改密码

功能描述：实现单位修改登录密码功能。修改完成点“返回”按钮到登录专区界面。

功能操作：输入原密码、新密码后提交。即可完成修改过程。

历认证的认证范围

1. 在外国大学或其它高等教育机构攻读正规课程所获相应学历学位证书或高等教育文凭；

2. 在经中国国务院教育行政部门批准的中外合作办学机构（项目）学习所获国（境）外学历学位证书，在经中国各省、自治区、直辖市人民政府审批，并报中国国务院教育行政部门备案的高等专科教育、非学历高等教育的中外合作办学机构（项目）学习所获国（境）外高等教育文凭；

3. 在中国澳门特别行政区及台湾地区大学或其它高等教育机构攻读正规课程所获相应学历学位证书或高等教育文凭。在中国香港特别行政区大学或其它高等教育机构攻读正规课程所获学士以上（含学士）层次的学历学位证书

哪些证书不在学历认证的范围内

1. 参加外语培训所获得的结业证书；

2. 进修人员、访问学者的研究经历证明和博士后研究证明；

3. 预科证明；

4. 荣誉学位证书、荣誉称号；

5.未经中国政府相关教育行政部门批准的办学机构（项目）颁发的国（境）外学历学位证书或高等教育文凭；

6. 通过函授、远程教育及网络教育等非面授学习方式获得的国（境）外学历学位证书或高等教育文凭；

7. 各类职业技能或职业资格证书。

【特别补充】：教育部明确留学生受疫情影响，通过网络在线学习部分课程，不影响学历认证。详情请见下文：

“ 最近有很多学生表示疑惑，本该出国读书，由于受疫情影响只能在国内上网课，导致自己的境外停留时间达不到要求，这样是否会影响将来的学位学历认证？

中国教育部于2020年12月22日举行新闻发布会，教育部相关负责人表示，全日制留学生因疫情在国内上网课，不作为影响其学位学历认证结果的因素。

据教育部国际合作与交流司司长、港澳台办公室主任刘锦介绍，新冠肺炎疫情的全球大流行不仅给正常的教育合作交流按下“暂停键”，而且给跨国（境）流动的各类学生、教师的健康以及学习生活和工作带来严峻挑战。面对疫情，教育部、地方教育行政部门、各级各类学校以及驻外使领馆的教育部门迅速行动、全力应战。

针对很多在读留学生担心在国内上网课是否会影响自己将来学位学历认证的问题，刘锦明确表示不会影响。

教育部留学服务中心主任程家财补充说明此前办理学位学历的认证标准和办法并没有改变。该政策仅限于对全日制学生，仅限于疫情。

其实，早在2020年4月3日，教育部留学服务中心已发出通知，针对疫情影响下留学生学位认证做出说明。

*资料来源中国教育部留学服务中心。

所需材料（中国大陆学生）

1、需要认证的国(境)外学历学位证书或高等教育文凭（以下简称文凭证书）。上传文件格式为：pdf格式，不大于5M。

2、国（境）外学习期间使用的护照（通行证）及签证（签注）。上传文件格式为：jpg格式，每张不大于1M。

3、本人近期标准证件照片一张，底色不限。上传文件格式为：jpg格式，不大于1M。

4、按留服中心要求填写并签署的文凭证书核查授权声明。上传文件格式为：pdf格式，不大于1M。

5、在读证明

国外通用版

港澳台地区版

国外通用版下载地址：

http://zwfw.cscse.edu.cn/cscse/resource/cms/article/414610/452751/2020082115211020249.pdf

港澳台地区版下载地址：

http://zwfw.cscse.edu.cn/cscse/resource/cms/article/414610/452751/2020082115201511669.pdf

6. 其他相关材料。上传文件格式为：jpg格式，每张不大于1M。

在国（境）外颁证院校学习时间不满足学制要求的申请人务必提供学习期间完整成绩单或研究证明；
有多国、多校学习经历，或系就读院校所在国与颁证院校所在国不一致的申请人，务必提交学习期间完整成绩单；
为了便于准确判断申请人的专业领域，建议申请人提交学习期间完整成绩单；
由于少数国别教育制度的差异，日本、韩国、英国、新加坡、菲律宾、巴基斯坦、马来西亚、意大利、西班牙、法国、匈牙利、爱尔兰、俄罗斯、白俄罗斯、乌克兰还需提供额外申请材料；
为确保认证工作的准确性和时效性而需要申请人提交的其他相关材料（以补充材料通知为准）。

? 详细材料要求：

http://zwfw.cscse.edu.cn/cscse/lxfwzxwsfwdt2020/xlxwrz32/sqcl/ndjm/442412/index.html

学历认证的申请流程

好消息！为了方便办理学历认证的同学，目前申请学历认证的手续已经大大简化。

同学们只需要在线上传认证材料的电子版，并支付相应费用，就可以进入认证审批程序，不需要亲自到认证机构递交纸质材料啦！

办理流程一览

第一步：注册账号

系统入口：

https://zwfwbl.cscse.edu.cn/toLogin?sysType=front

第二步：登录

使用注册的账户密码信息登录账号

第三步：办理

添加认证办理申请

第四步：填写信息

按官网提示提交信息

第五步：上传材料

材料可通过系统上传电子版，也可以到北京检验机构递交材料。

第六步：支付费用

学历认证费用为360元/份

使用带有“银联”标识的银行卡（借记卡或信用卡）进行支付

第七步：查询进程

递交认证申请后，可以经常登录认证系统去查询最新的认证进度及状态，看看是否还需要补充其他材料。

步骤：登录系统-点击右上角“用户中心”-“我的申请”

第八步：领取结果

当申请人在系统中看到“认证结果”后，即可点击查看证书

认证结果将以电子证照形式显示，不再提供认证结果。

学历认证并不是强制要求办理的，但是通常国内的大型企业和事业单位招聘时都需要查看，所以建议同学们毕业后尽早办理。

更多关于马来西亚世纪大学，马来西亚留学信息，欢迎咨询世纪大学（myedu0060）

在线咨询

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

使用css写一个注册页面

一、单位注册登录

二、单位注册账号

四、忘记密码

五、签约中心

1.签约邀请

六、批量签约

七、签约管理

八、单位账号管理

1.基本信息

您的项目需求