网上书城前端界面

最新推荐文章于 2023-08-02 20:10:31 发布

Sinner°

最新推荐文章于 2023-08-02 20:10:31 发布

阅读量2.7k

点赞数 3

文章标签： html

本文链接：https://blog.csdn.net/m0_46890027/article/details/107063389

版权

前言

1，用户登录注册界面编写

2，前台主界面编写

3，搜索书籍界面编写

4，购物车界面编写

接下来就上代码了

注册界面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册界面</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<style>
			.form-signin{
				/* position: absolute;  绝对定位*/
				/* position: relative; 绝对定位*/
				position: relative;
				width: 400px;
				top: 100px;
				left: 50%;
				margin-left: -200px;
			}
		</style>
	</head>
	<body>
		<form class="form-signin" action="" method="post">
			<div class="text-center mb-4">
				<img class="mb-4" src="/docs/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
				<h1 class="h3 mb-3 font-weight-normal">用户注册</h1>				
			</div>

			<div class="form-label-group">
				<input type="text" id="name" name="name" class="form-control" placeholder="请输入用户名..." required autofocus>
			</div>

			<div class="form-label-group">
				<input type="password" id="pwd" name="pwd" class="form-control" placeholder="请输入密码..." required>
			</div>

			<div class="checkbox mb-3">
				<label>
					<input type="checkbox" value="remember-me"> Remember me
				</label>
			</div>
			<button class="btn btn-lg btn-primary btn-block" type="submit">注册</button>
			<p class="mt-5 mb-3 text-muted text-center">&copy; 2017-2020</p>
		</form>

		<script src="js/bootstrap.min.js"></script>
	</body>
</html>

登录界面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录界面</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<style>
			.form-signin{
				/* position: absolute;  绝对定位*/
				/* position: relative; 绝对定位*/
				position: relative;
				width: 400px;
				top: 100px;
				left: 50%;
				margin-left: -200px;
			}
		</style>
	</head>
	<body>
		<form class="form-signin" action="" method="post">
			<div class="text-center mb-4">
				<img class="mb-4" src="/docs/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
				<h1 class="h3 mb-3 font-weight-normal">用户登录</h1>				
			</div>

			<div cl

最低0.47元/天解锁文章

Sinner°

关注

3
点赞
踩
59

收藏

觉得还不错? 一键收藏
1
评论
网上书城前端界面

前言1，用户登录注册界面编写2，前台主界面编写3，搜索书籍界面编写4，购物车界面编写接下来就上代码了注册界面<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>注册界面</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css
复制链接

扫一扫