HTML-注冊頁面(表單布局)


<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>表單注冊頁面</title>
    </head>

    <body>
        <table border="1px" align="center" width="100%" cellpadding="0px" cellspacing="0px">
            <!--LOGO部分-->
            <tr>
                <td>
                    <!--嵌套一行三列表格-->
                    <table border="0px" width="100%" cellspacing="0px" height="60px">
                        <tr>
                            <td width="33.3%"><img src="../img/logo.png" height="57px" alt="LOGO圖片"></td>
                            <td width="33.3%"><img src="../img/header.png" height="57px" alt="LOGO圖片" /></td>
                            <td width="33.3%" align="right"><a href=#>登錄</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href=# target="_blank">注冊</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href=#>購物車</a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!--導航欄-->
            <tr height="50px">
                <!--五組文字加4個空格-->
                <td bgcolor="black">&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="排版標簽相關學習/04_網站信息顯示界面.html" target="_blank">
                        <font size="5" color="white">首頁</font>
                    </a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="排版標簽相關學習/04_網站信息顯示界面.html">
                        <font color="white">手機數碼</font>
                    </a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="排版標簽相關學習/04_網站信息顯示界面.html">
                        <font color="white">電腦辦公</font>
                    </a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="排版標簽相關學習/04_網站信息顯示界面.html">
                        <font color="white">文檔資料</font>
                    </a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="排版標簽相關學習/04_網站信息顯示界面.html">
                        <font color="white">學習視頻</font>
                    </a>
                </td>
            </tr>
            <!--注冊頁面-->
            <tr>
                <td width="100%" height="600px" background="../img/regist_bg.jpg">
                    <form action="#" method="get" name="regForm">
                        <table border="1px" width="750px" height="360px" align="center" cellpadding="opx" cellspacing="0px" bgcolor="white">
                            <tr height="40px">
                                <td colspan="2">
                                    <font size="4">會員注冊</font> &nbsp;&nbsp;&nbsp;USER REGISTER</td>
                                <!--<td>32</td>-->
                            </tr>
                            <tr>
                                <td>用戶名:</td>
                                <td>
                                    <form><input type="text" name="user" size="34px" /></form>
                                </td>
                            </tr>
                            <tr>
                                <td>密碼:</td>
                                <td><input type="password" name="password" size="34px" /></td>
                            </tr>
                            <tr>
                                <td>確認密碼:</td>
                                <td><input type="password" name="repassword" size="34px" /></td>
                            </tr>
                            <tr>
                                <td>Email:</td>
                                <td><input type="text" name="email" size="34px" /></td>
                            </tr>
                            <tr>
                                <td>姓名:</td>
                                <td><input type="text" name="username" size="34px" /></td>
                            </tr>
                            <tr>
                                <td>性別:</td>
                                <td>
                                    <input type="radio" name="sex" value="男" /><input type="radio" name="sex" value="女" /></td>
                            </tr>
                            <tr>
                                <td>出生日期:</td>
                                <td><input type="date" name="birthday" size="34px" /></td>
                            </tr>
                            <tr>
                                <td>驗證碼:</td>
                                <td><input type="text" name="yzm" />
                                    <img src="../img/yanzhengma.png" />
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center">
                                    <input type="submit" value="注冊" name="regetiest" />
                                    <input type="reset" value="重置" name="reset" />
                                </td>
                                <!--<td>32</td>-->
                            </tr>
                        </table>
                    </form>
                </td>
            </tr>
            <!--廣告圖片2-->
            <tr>
                <td>
                    <img src="../img/footer.jpg" width="100%" />
                </td>
            </tr>
            <!--友情鏈接與版權信息-->
            <tr>
                <table>
                    <tr align="center">
                        <td align="center">
                            <a href="排版標簽相關學習/04_網站信息顯示界面.html" target="_blank">
                                <font>關於我們</font>
                            </a>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="排版標簽相關學習/04_網站信息顯示界面.html">
                                <font>聯系我們</font>
                            </a>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href=#>
                                <font>招賢納士</font>
                            </a>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href=#>
                                <font>法律聲明</font>
                            </a>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="鏈接列表標簽學習/01_無序列表.html" target="_blank" <font>友情鏈接</font>
                            </a>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href=#>
                                <font>支付方式</font>
                            </a>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href=#>
                                <font>配送方式</font>
                            </a>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href=#>
                                <font>服務聲明</font>
                            </a>&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href=#>
                                <font>廣告聲明</font>
                            </a>
                            <p>
                                <font face="楷體">Copyright @ 2018-2020 蕭靜默 版權所有</font>
                            </p>
                        </td>
                    </tr>
                </table>
            </tr>

        </table>
    </body>

</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM