标签：前端 BootStrap 用户 点击 注册 声明 商城
<!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,
用户,
点击,
注册,
声明,
商城
From： https://blog.51cto.com/u_16322355/9127249