静态网页登录界面（附源码）

上传到服务器后的效果链接：点击访问

------------------------------源码附加--------------------------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>青春不常在，抓紧谈恋爱</title>
</head>
<body>
    <center><body background="http://101.200.50.143/download/3.jpg"></center>
    <center><h1>欢迎注册</h1></center>
    <hr size=6 color=orange width=60% align="center">
    <center>
    <table width = "400">
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>姓名：</td>
            <td><input type = "text"  value="" ></td>
        </tr>
        <!--第一行-->
        <tr>
            <td>性别:</td>
            <td>
                <input type="radio" name="sex" id="nan"> <label for = "nan"> 男</label> 
                <input type="radio" name="sex" id="nv"> <label for = "nv"> 女</label> 
            </td>
        </tr>
        <!--第二行-->
        <tr>
            <td>生日：</td>
            <td>
                <select>
                    <option>--请选择年份--</option>
                    <option>2001</option>
                    <option>2000</option>
                    <option>1999</option>
                    <option>1998</option>
                    <option>1997</option>
                    <option>1996</option>
                    <option>1995</option>
                    <option>1994</option>
                    <option>1993</option>
                    <option>1992</option>
                    <option>1991</option>
                </select>
          
                <select>
                    <option>--请选择月份--</option>
                    <option>11</option>
                    <option>10</option>
                    <option>09</option>
                    <option>08</option>
                    <option>07</option>
                    <option>06</option>
                    <option>05</option>
                    <option>04</option>
                    <option>03</option>
                    <option>02</option>
                    <option>01</option>
                </select>
        
                <select>
                    <option>--请选择日--</option>
                    <option>31</option>
                    <option>30</option>
                    <option>29</option>
                    <option>28</option>
                    <option>27</option>
                    <option>26</option>
                    <option>25</option>
                    <option>24</option>
                    <option>23</option>
                    <option>22</option>
                    <option>21</option>
                    <option>20</option>
                    <option>19</option>
                    <option>18</option>
                    <option>17</option>
                    <option>16</option>
                    <option>15</option>
                    <option>14</option>
                    <option>13</option>
                    <option>12</option>
                    <option>01</option>
                    <option>11</option>
                    <option>09</option>
                    <option>08</option>
                    <option>07</option>
                    <option>06</option>
                    <option>05</option>
                    <option>04</option>
                    <option>03</option>
                    <option>02</option>
                    <option>01</option>
                </select>
            </td>
        </tr>

        <tr>
            <td>所在地区：</td>
            <td><input type = "text"  value="" ></td>
        </tr>
        <tr>
            <td>学历：</td>
            <td>
                <select>
                    <option>--请选择学历--</option>
                    <option>本科</option>
                    <option>硕士</option>
                    <option>博士</option>
                </select>
        </tr>

        <tr>
            <td>喜欢的类型：</td>
            <td>
                <input type = "checkbox"  name="love" > 可爱
                <input type = "checkbox"  name="love" > 御姐
                <input type = "checkbox"  name="love" > 文艺
                <input type = "checkbox"  name="love" > 妩媚
                <input type = "checkbox"  name="love" > 清纯
                <input type = "checkbox"  name="love" > 优雅
            
            </td>
        </tr>


        <tr>
            <td>联系方式：</td>
            <td><input type = "text"  value="" ></td>

        </tr>
        <tr>
            <td>邮箱地址：</td>
            <td><input type = "text"  value="" ></td>
        </tr>

    
        <tr>
            <td>个人介绍：</td>
            <td>
               <textarea>个人简介</textarea>                
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
              <input type="submit"  value="免费注册">             
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
              <input type="checkbox"  checked = "checked"> 我同意注册条款和会员加入准则      
            </td>
        </tr>

     

        <tr>
            <td></td>
            <td>
              <a href="#logon"   >我是会员立即登录</a>
            </td>
        </tr>

        <tr>
            <td></td>
            <td>
              <h5>我承诺</h5>
              <li>年满18岁、单身</li>
              <li>抱着搞笑的态度</li>
              <li>天真的以为能寻找另一半</li>
            </td>
        </tr>

    </table>
    </center>

    <div id="footer" style="height:70px;width:10px;clear:both;text-align:left;">
        .
    </div>
   <center>
    <div id="footer" style="clear:both;text-align:center;">
        作者 © simple.study@qq.com</div>   
    </center>



</body>
</html>

在这里插入图片描述