2018-06-12 web前端 网页会员注册

2018-06-12  本文已影响0人  培根好吃
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>网站注册案例</title>
    </head>
    <body>
        <table border="1px" width="100%">
            <!--第一部分-->
            <tr>
                <td>
                    <table border="1px" width="100%">
                        <tr>
                            <td>
                                <img src="../img/logo2.png" />
                            </td>
                            <td>
                                <img src="../img/header.jpg" />
                            </td>
                            <td>
                                <a href="#">登录</a>
                                <a href="#">注册</a>
                                <a href="#">购物车</a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <!--第二部分-->
            <tr bgcolor="black" ">
                <td height="50px">
                    <a href="#"><font color="white">衣服</font></a>
                    <a href="#"><font color="white">数码</font></a>
                    <a href="#"><font color="white">鞋靴</font></a>
                    <a href="#"><font color="white">电脑办公</font></a>
                    <a href="#"><font color="white">香烟酒水</font></a>
                </td>
            </tr>
            <!--第二部分-->
            <tr>
                <td background="../img/regist_bg.jpg" height="500px">
                    <table border="5px" width="60%" height="80%" bgcolor="white" align="center">
                        <tr >
                            <td >
                                <table  width="60%" align="center">
                                    <tr>
                                        <td colspan="2"><font color="blue" size="6">会员注册</font>USER REGISTER</td>
                                        
                                    </tr>
                                    <tr>
                                        <td>用户名:</td>
                                        <td><input type="text" placeholder="请输入用户名"/></td>
                                    </tr>
                                    <tr>
                                        <td>密码:</td>
                                        <td><input type="password" placeholder="请输入密码"/></td>
                                    </tr>
                                    <tr>
                                        <td>确认密码:</td>
                                        <td><input type="password" placeholder="请输入确认密码"/></td>
                                    </tr>
                                    <tr>
                                        <td>Email:</td>
                                        <td><input type="text" placeholder="Email"/></td>
                                    </tr>
                                    <tr>
                                        <td>姓名:</td>
                                        <td><input type="text" placeholder="请输入姓名"/></td>
                                    </tr>
                                    <tr>
                                        <td>性别:</td>
                                        <td><input type="radio" name="sex"/>男<input type="radio" name="sex"/>女</td>
                                    </tr>
                                    <tr>
                                        <td>出生日期:</td>
                                        <td><input type="date"/></td>
                                    </tr>
                                    <tr>
                                        <td>验证码:</td>
                                        <td><input type="text" /></td>
                                    </tr>
                                    <tr align="center">
                                        <td>
                                            <input type="submit" value="注册" />
                                        </td>
                                        
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table></td>
            </tr>
            <!--第二部分-->
            <tr>
                <td></td>
            </tr>
            <!--第二部分-->
            <tr>
                <td></td>
            </tr>
        </table>
    </body>
</html>

上一篇 下一篇

猜你喜欢

热点阅读