fruit-mall
/
register.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>水果商城</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
    <link rel="stylesheet" href="css/register.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>

<body>
    <!-- 头部logo -->
    <header>
    <nav class="container">
        <a href="index.html">
            <img src="images/logo.png" alt="">
        </a>
        <span>欢迎注册</span>
    </nav>
</header>
    <!-- 注册表单 -->
        <section class="container-fluid">
            <div class="col-sm-3 col-sm-offset-6  registrationContent  ">
                <form action="" class="form-horizontal ">
                    <div class="form-group ">
                        <div class="col-md-10">
                            <input type="tel" id="tel" name="tel" class="form-control" placeholder="手机号码">
                        </div>
                    </div>
                    <div class="form-group ">
                        <div class="col-md-10">
                            <input type="text" id="userName" name="userName" class="form-control" placeholder="用户名">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-md-10">
                            <input type="password" id="pwd" name="pwd" class="form-control" placeholder="设置密码">
                        </div>
                    </div>

                    <div class="form-group ">
                        <div class="col-md-10">
                            <input type="password" id="pwd" name="pwd" class="form-control" placeholder="确认密码">
                        </div>
                    </div>

                    <div class="form-group ">
                        <div class="col-md-10">
                            <input type="eamil" id="email" name="email" class="form-control" placeholder="邮箱">
                        </div>
                    </div>

                    <div class="form-group ">
                        <div class="col-md-10 ">
                            <input type="text" id="text" name="text" class="form-control" placeholder="收货地址">
                        </div>
                    </div>
                    <!-- 用户协议 -->
                    <div class="form-group">
                        <div class="col-md-10  agreement">
                            <small>注册即同意<a href="#" class="signup">《用户使用协议》</a> &<a href="#"
                                    class="signup">《隐私权条款》</a></small>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-md-10 ">
                            <button class="btn btn-default  " type="submit">注册</button>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-md-10  ">
                            <span class="pull-right">已有账号?<a href="login.html"
                                class="signup">&nbsp;请登录></a>  </span>
                        </div>
                    </div>
                </form>
            </div>
    </section>
    <!-- 版权信息-->
    <footer class="container">
        2021 © 版权所有 果然新鲜<br />
        本网站禁止抄袭转载
    </footer>
</body>

</html>