<!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实现商城注册页面前端效果------商城项目前端
原创
©著作权归作者所有:来自51CTO博客作者旧约Alatus的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
BootStrap实现商城注册页面前端效果------商城项目前端
BootStrap实现商城注册页面前端效果------商城项目前端
bootstrap css html -
BootStrap实现商城页面前端效果------商城项目前端
BootStrap实现商城页面前端效果------商城项目前端
ico bootstrap css -
用户注册【项目 商城】
用户注册【项目 商场】
java springboot spring 单元测试 字段 -
商城项目前端购物车无法同步到后端
Spring session 头文件修改 ...
头文件 spring it技术