使用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.基本信息

您的項目需求