<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jquery/jquery-3.6.1.js" type="text/javascript"></script> <!-- 引入bootstrap --> <link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.css"/> <!-- 引入bootstrap的js文件 --> <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script> </head> <body> <div class="jumbotron"> <div class="page-header" align="center"> <h1>注册<small>立享优质服务</small></h1> <p class="text-primary"><a href="#">已有帐号?点击登录</a></p> </div> <form> <div class="form-group"> <label for="exampleInputEmail1">用户名</label> <input type="text" class="form-control" id="exampleInputEmail1" placeholder="请设置用户名"> </div> <div class="form-group"> <label for="exampleInputPassword1">手机号</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="可用于找回和修改密码"> </div> <div class="form-group"> <label for="exampleInputPassword1">密码</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="请设置登陆密码"> </div> <div class="checkbox" align="center"> <label> <input type="checkbox"> 阅读并接受<a href="#">《商城用户协议》</a>、 <a href="#">《儿童个人信息保护声明》</a>及 <a href="#">《用户隐私权保护声明》</a> </label> <br><br><br> <p><a class="btn btn-primary btn-lg" href="#" role="button">点击注册</a></p> </div> </form> </div> </body> </html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery/jquery-3.6.1.js" type="text/javascript"></script>
<!-- 引入bootstrap -->
<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.css"/>
<!-- 引入bootstrap的js文件 -->
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
</head>
<body>
<div class="jumbotron">
<div class="page-header" align="center">
<h1>注册<small>立享优质服务</small></h1>
<p class="text-primary"><a href="#">已有帐号?点击登录</a></p>
</div>
<form>
<div class="form-group">
<label for="exampleInputEmail1">用户名</label>
<input type="text" class="form-control" id="exampleInputEmail1" placeholder="请设置用户名">
</div>
<div class="form-group">
<label for="exampleInputPassword1">手机号</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="可用于找回和修改密码">
</div>
<div class="form-group">
<label for="exampleInputPassword1">密码</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="请设置登陆密码">
</div>
<div class="checkbox" align="center">
<label>
<input type="checkbox">
阅读并接受<a href="#">《商城用户协议》</a>、
<a href="#">《儿童个人信息保护声明》</a>及
<a href="#">《用户隐私权保护声明》</a>
</label>
<br><br><br>
<p><a class="btn btn-primary btn-lg" href="#" role="button">点击注册</a></p>
</div>
</form>
</div>
</body>
</html>
BootStrap实现商城注册页面前端效果------商城项目前端
于 2023-12-12 00:56:02 首次发布