<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" href="css/表单.css">
    </head>
    <body>
        <img src="img/1.jpg" alt="">
        <ul>
            <li>搜索帮助&emsp;|</li>
            <li>&emsp;高级搜索&emsp;|</li>
            <li>&emsp;职位履历&emsp;|</li>
            <li>&emsp;地图搜索</li>
        </ul><br /><br />
        <img src="img/2.jpg" alt=""><br /><br />
        <form action="#" name="biaodian" method="post" target="_self">
            <table border="0px" cellpadding="10" cellspacing="0">
                <tr>
                    <td>电子邮箱</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>用户名</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="password"></td>
                </tr>
                <tr>
                    <td>确认密码</td>
                    <td><input type="password"></td>
                </tr>
                <tr>
                    <td>手机号码</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>用户类型</td>
                    <td>
                        <input type="radio" name="leixing">社会人士
                        <input type="radio" name="leixing">在校学生/应届毕业生
                    </td>
                </tr>
                <tr>
                    <td>推荐人编号</td>
                    <td><input type="text"><span>你也可以成为“推荐人”拿奖品,了解一下吧!</span></td>
                </tr>
                <tr>
                    <td>验证码</td>
                    <td><input type="text"><input type="image" src="img/3.jpg">换一张</td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="checkbox">我已阅读并同意<a href="">《卓越人才网(jobcn.com)个人用户服务协议》</a></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="checkbox">我已阅读并同意<a href="">《卓越人才网(jobcn.com)隐私保护政策》</a></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="checkbox">我已阅读并同意<a href="">订购《才经周刊》,掌握职场那些事,成就职场达人。</a></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="button" value="注册"></td>
                </tr>
            </table>
        </form>
        <div class="da">
        <div>
            <h2>Tel:(0769)2288-222</h2>
            <ul class="zuo">
                <li><a href="">法律声明&emsp;</a></li>
                <li><a href="">隐私保护&emsp;</a></li>
                <li><a href="">用户协议</a></li>
            </ul><br />
            <h4>粤B2-20040458&nbsp;&nbsp;粤ICP备09027564号</h4>
            <h4>1999&nbsp;-&nbsp;2014jobcn,com卓越人才网版权所有</h4>
        </div>
        </div>

    </body>
</html>
ul{    list-style:none;}
li{
    float: left;
    color:#767676;
}
.da{
    width:698px;
    height:200px;
    background:#dd7044;
    display:flex;
    align-items:center;
    }
span{color:#767676;}
.zuo{
    position:relative;
    left:-35px;
}
form{
    position:relative;
    left:50px;
}
input[type="button"]{
    width:100px;
    height:40px;
    background:#43a01f;
    color:white;
    }
a{
    text-decoration:none;
}