<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户注册</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type="text/css" rel="stylesheet" href="css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
</head>
<body>
<!--header 导航栏-->
<div class="header">
<div class="container">
<nav class="navbar navbar-default" role="navigation">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">首页</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
商品分类
<b class="caret"></b>
</a>
<ul class="dropdown-menu multi-column columns-2">
<li>
<div class="row">
<div class="col-sm-12">
<h4>商品分类</h4>
</div>
</div>
</li>
</ul>
</li>
<li><a href="#">热销</a></li>
<li><a href="#">新品</a></li>
<li><a href="#" class="active">注册</a></li>
<li><a href="#">登录</a></li>
</ul>
</div>
</nav>
<div class="header-info">
<div class="header-right search-box">
<a href="javascript:;">
<span class="glyphicon glyphicon-search" aria-hidden="true">
</span>
</a>
<div class="search">
<form class="navbar-form" action="/good_search">
<input type="text" class="form-control" name="keyword">
<button type="submit" class="btn btn-default" aria-label="Left Align">搜索</button>
</form>
</div>
</div>
<div class="header-right cart">
<a href="goods_cart.jsp">
<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true">
<span class="card_num"></span>
</span>
</a>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!--//header-->
<!--account 注册表单-->
<div class="account">
<div class="container">
<div class="register">
<form action="/user_register" method="post">
<div class="register-top-grid">
<h3>注册新用户</h3>
<div class="input">
<span>用户名<label style="color: red">*</label></span>
<input type="text" name="username" placeholder="请输用户名" required="required">
</div>
<div class="input">
<span>邮箱<label style="color: red">*</label></span>
<input type="text" name="email" placeholder="请输邮箱" required="required">
</div>
<div class="input">
<span>密码<label style="color: red">*</label></span>
<input type="password" name="password" placeholder="请输密码" required="required">
</div>
<div class="input">
<span>收货人<label style="color: red">*</label></span>
<input type="text" name="name" placeholder="请输收货人" required="required">
</div>
<div class="input">
<span>收货电话<label style="color: red">*</label></span>
<input type="text" name="phone" placeholder="请输收货电话" required="required">
</div>
<div class="input">
<span>收货地址<label style="color: red">*</label></span>
<input type="text" name="address" placeholder="请输收货地址" required="required">
</div>
<div class="clearfix"></div>
</div>
<div class="register-but text-center">
<input type="submit" value="提交">
<div class="clearfix"></div>
</div>
</form>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--account-->
<!-- footer 友情链接与作者署名-->
<div class="footer">
<div class="container">
<div class="text-center">
<p>heima www.itcast.cn ALL rights Reseverd</p>
</div>
</div>
</div>
<!-- footer-->
</body>
</html>
本文详细描述了一个网站的用户注册页面，包括HTML结构、CSS样式和Bootstrap组件的使用，展示了前端表单的设计过程，涉及输入验证和提交功能。
5735
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
