新拟态登录界面注释部分

新拟态登录界面注释部分_第1张图片
HTML

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <link href="css/login.css" type="text/css" rel="stylesheet" />
        <script src="js/jquery-3.4.1.min.js"></script>
        
        <title>登录</title>
        ————————————————————————————————————————————
    </head>
    <body>
        <div class="card">
            <div class="front">
        <form action="./loginServlet" method="post" onSubmit="return denglu(this)" id="loginForm" name="loginForm">  
       <img src="img/logo.png" id="logo"/><br>
    
    ————————————————————————————————————————————————————            
  俩个DIV用于输入框                 
                    <div class="inputText" id="id" >
                        <input type="text" name="username">
                        <span data-placeholder="Username"></span>
                    </div>
        
                    <div class="inputText"id="password" >
                        <input type="password" name="password" >
                        <span data-placeholder="Password"></span>
                    </div>
                    ————————————————————————————————————————————————————————————
这里的为登录的按钮
                    <input type="submit" value="Login" class="button" />
 这里为转到注册页面的按钮
                    <a href ="register.jsp"><p class="register">Register</p></a>
                    ————————————————————————————————————-——
这些元素用form包裹成一个整体,至于form为什么放在这里,

你可能感兴趣的:(平时记录,css,html,jquery,css3)