104 lines
3.1 KiB
HTML
104 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh_CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<!--这是index.html-->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>用户注册</title>
|
|
<!--导入样式表-->
|
|
<link rel="stylesheet" href="index.css" />
|
|
</head>
|
|
<body>
|
|
<!--导航栏-->
|
|
<div id="navbar">
|
|
<!--导航栏左侧对象-->
|
|
<div id="nav_left">
|
|
<div class="navobj">
|
|
<a href="#">首页</a>
|
|
</div>
|
|
<div class="navobj dropdown">
|
|
<!--商品分类下拉菜单-->
|
|
<a href="#" class="dropbtn" id="navbar_typeobj">商品分类</a>
|
|
<div class="dropdown-content">
|
|
<a href="#">分类1</a>
|
|
<a href="#">分类2</a>
|
|
<a href="#">分类3</a>
|
|
</div>
|
|
</div>
|
|
<div class="navobj">
|
|
<a href="#">热销</a>
|
|
</div>
|
|
<div class="navobj">
|
|
<a href="#">新品</a>
|
|
</div>
|
|
<div class="navobj" id="navbar_regobj">
|
|
<a href="#">注册</a>
|
|
</div>
|
|
<div class="navobj">
|
|
<a href="#">登录</a>
|
|
</div>
|
|
</div>
|
|
<!--导航栏右侧对象-->
|
|
<div id="nav_right" style="display: flex">
|
|
<!--搜索按钮-->
|
|
<div class="navobj dropdown">
|
|
<!--搜索下拉菜单-->
|
|
<a href="#" class="dropbtn" id="nav_search_svg"
|
|
><img src="assets/navbar/search.svg" alt="搜索" class="nav_svg"
|
|
/></a>
|
|
<div class="dropdown-content">
|
|
<form action="#" style="display: flex">
|
|
<input type="text" />
|
|
<button type="submit">搜索</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!--购物车按钮-->
|
|
<div class="navobj">
|
|
<a href="#">
|
|
<img src="assets/navbar/cart.svg" alt="购物车" class="nav_svg" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--注册表单-->
|
|
<div id="main_form">
|
|
<h3 id="main_title">注册新用户</h3>
|
|
<form action="#" method="post">
|
|
<p>用户名<label>*</label></p>
|
|
<input
|
|
type="text"
|
|
name="username"
|
|
placeholder="请输入用户名"
|
|
required="required"
|
|
/>
|
|
<p>邮箱<label>*</label></p>
|
|
<input
|
|
type="email"
|
|
name="email"
|
|
placeholder="请输入邮箱"
|
|
required="required"
|
|
/>
|
|
<p>密码<label>*</label></p>
|
|
<input
|
|
type="password"
|
|
name="password"
|
|
placeholder="请输入密码"
|
|
required="required"
|
|
/>
|
|
<p>收货人</p>
|
|
<input type="text" name="name" placeholder="请输入收获" />
|
|
<p>收货电话</p>
|
|
<input type="text" name="phone" placeholder="请输入收货电话" />
|
|
<p>收货地址</p>
|
|
<input type="text" name="address" placeholder="请输入收货地址" />
|
|
<button type="submit">提交</button>
|
|
</form>
|
|
</div>
|
|
<!--页脚-->
|
|
<div id="footer">
|
|
<p>heima www.itcast.cn © All rights Reseverd</p>
|
|
</div>
|
|
</body>
|
|
</html>
|