房产信息系统登入界面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>
标签：form,管理系统,padding,html,登入,font,border,size From： https://www.cnblogs.com/yzx-sir/p/16871749.html