房产管理系统登入界面代码实现html

 

 

 

房产信息系统登入界面html代码实现

 

这很简单,不说明过程了

今天我真的,太累太累了,熬不住了

登入后的内容只能后面在做了

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Insert title here</title>
</head>
<style type="text/css">
  *{margin:0;padding:0;}/*去掉页面样式*/
  body{

    text-align:center;
  }
  .content{

    position:absolute;/*绝对定位*/
    top:10%;
    left:0;
    width:100%;
    height:800px;
  }
  .main{
    text-align:center;/*文本居中*/
    max-width:600px;
    height:400px;
    padding:50px 0px;/*上下80px,左右为0*/
    /*background:yellow;*//*验证div的位置*/
    margin:0 auto;/*设置上右下左,居中显示*/
  }

  .main h1{
    font-family:"楷体";/*设置字体*/
    font-size:70px;/*设置字体大小*/
  }
  form{
    padding:0px 0;
  }
  form a{
    text-decoration:none;/*去除下划线*/
    font-size:50px;
    font-family:"楷体";

  }
  body p{
    padding:15px 0;
    font-size:35px;
    font-family:"楷体";
  }
  form input{
    border:1px solid white;
    margin:0px auto 10px auto;/*上 右  下 左*/
    padding:10px;
    width:220px;
    border-radius:30px;/*H5设置圆角边框*/
    font-size:18px;
    font-weight:300;
    text-align:center; /*光标输入中间*/
  }
  form label{
    font-size:30px;
  }
  form button{
    border:5px solid white;
    border-radius:10px;
    border:0;
    height:30px;
    width:145px;
    padding:5px 10px;
    margin-align:center;

  }
</style>

<body>
<p>房产信息管理系统,选择登入身份</p>
<div class="content" align="center">
  <div class="main">
    <form>
      <a href="dministrators.jsp">信息管理员</a>
      <br><br>
      <a href="Customer.jsp">顾客</a>
      <br><br>
      <a href="agent.jsp">房产经纪人</a>
      <br><br>
    </form>
  </div>
</div>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>信息管理员登入</title>
</head>
<body>
<div class="content" align="center">
    <div class="main">
<form method="post" action="dministratorsServlet">
    <table>
        <tr>
            <td>管理员用户ID:</td>
            <td><input type="text" name="yonghu"></td>
        </tr>
        <tr>
            <td>密码:</td>
            <td><input type="text" name="mima"> </td>
        </tr>

        <tr align="center">
            <td colspan="2"><button>登入</button></td>
        </tr>
        <tr align="center">
            <td colspan="3"><button>注册</button></td>
        </tr>

    </table>

</form>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>顾客登入</title>
</head>
<body>
<div class="content" align="center">
    <div class="main">
<form method="post" action="CustomerServlet">
    <table>
        <tr>
            <td>用户ID:</td>
            <td><input type="text" name="yonghu"></td>
        </tr>
        <tr>
            <td>密码:</td>
            <td><input type="text" name="mima"> </td>
        </tr>

        <tr align="center">
            <td colspan="2"><button>登入</button></td>
        </tr>
        <tr align="center">
            <td colspan="3"><button>注册</button></td>
        </tr>

    </table>

</form>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>房产经纪人登入</title>
</head>

<body>

<div class="content" align="center">
    <div class="main">
<form method="post" action="agentServlet">
    <table>
        <tr>
            <td>工号ID:</td>
            <td><input type="text" name="gonghao"></td>
        </tr>
        <tr>
            <td>密码:</td>
            <td><input type="text" name="mima"> </td>
        </tr>

        <tr align="center">
            <td colspan="2"><button>登入</button></td>
        </tr>


    </table>

</form>
</body>
</html>

 

posted @ 2022-11-08 23:54  YE-  阅读(43)  评论(0编辑  收藏  举报