JSP实现购物车登录注册界面个人练习（18）

最新推荐文章于 2022-05-13 08:23:20 发布

迷人滴巷子哥

最新推荐文章于 2022-05-13 08:23:20 发布

阅读量2.2k

点赞数 3

分类专栏： CSS 文章标签： html css javascript css3 jsp

本文链接：https://blog.csdn.net/weixin_47445023/article/details/106246898

版权

本文是关于使用JSP实现购物车登录和注册界面的个人练习，包括HTML、CSS和JavaScript代码的实现，展示了界面的效果。

摘要由CSDN通过智能技术生成

JSP实现购物车登录注册界面个人练习第十八天

Html源代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入图标字体 -->
	<link rel="stylesheet" href="//at.alicdn.com/t/font_1790874_8sxyde0smlw.css">

    <link rel="stylesheet" href="./main.css">
</head>

<body>
    <!-- 创建封装容器 -->
    <div class="container" id="container">

        <!-- 注册页面 -->
        <div class="form-container sign-up-container">
             <form name="myform" action="register_action.jsp"  method="post"> 
                <h1>注册</h1>
                <!-- 公共组件 -->
                <div class="social-container">
                    <a href="#"><i class="iconfont icon-qq1"></i></a>
                    <a href="#"><i class="iconfont icon-weixin2"></i></a>
                    <a href="#"><i class="iconfont icon-xinlangweibo"></i></a>
                </div>
                <input type="text" name="username1" id="userName" placeholder="用户名">
                <input type="password" name="password1" id="password1" placeholder="密码">
                <input type="password" name="password2" id="password2" placeholder="确认密码">
				
                <button>注册</button>
            </form>
        </div>

        <!-- 登录页面 -->
        <div class="form-container sign-in-container">
            <form action="login_action.jsp" method="post"