간단한 책 배경 관리 시스템 관리자 비밀번호 변경 페이지의 PHP 개발
이전 왼쪽 페이지에는 다양한 배경 기능이 표시됩니다.
이 섹션에서는 먼저 관리자 로그인 비밀번호 수정 페이지가 표시됩니다
그림과 같이
<양식><입력 유형=비밀번호>를 사용하여 필요한 원본을 표시하세요. 비밀번호 상자와 새 입력 비밀번호 상자.
레이아웃에는 <table> 태그에 <tr><td>를 사용하세요.
<table cellpadding="3" cellspacing="1" border="0" width="100%" class="table" align=center> <form name="renpassword" method="post" action=""> <tr> <th height=25 colspan=4 align="center" class="bg_tr">更改管理密码</th> </tr> <tr> <td width="40%" align="right" class="td_bg">用户名：</td> <td width="60%" class="td_bg"><?php echo $rows["username"] ?></td> </tr> <tr> <td align="right" class="td_bg">原密码：</td> <td class="td_bg"><input name="password" type="password" id="password" size="20"></td> </tr> <tr> <td align="right" class="td_bg">新密码：</td> <td class="td_bg"><input name="password1" type="password" id="password1" size="20"></td> </tr> <tr> <td align="right" class="td_bg">确认密码：</td> <td class="td_bg"><input name="password2" type="password" id="password2" size="20"></td> </tr> <tr> <td colspan="2" align="center" class="td_bg"> <input class="button" onClick="return check();" type="submit" name="Submit" value="确定更改"> </td> </tr> </form> </table>
html은 페이지의 기본 구조일 뿐입니다. 친구들은 CSS 스타일과 이미지를 추가하여 렌더링할 수 있습니다.
다음 섹션<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>图书管理系统--更改密码页</title>
<style>
.table{
border: 1px solid #CAF2FF;/*边框颜色*/
margin-top: 5px;
margin-bottom: 5px;
background:#a8c7ce;
}
.td_bgf {
background:#d3eaef;
color:#000000;
}
.ACT_btn {
height:26px;
width:94px;
cursor:hand;
border:solid 0 #111;
font-size: 12px;
}
.bg_tr {
font-family: "微软雅黑,Verdana, 新宋体";
color:#e1e2e3;/*标题字体色*/
font-size:12px;
font-weight:bolder;
background:#353c44;/*标题背景色*/
line-height: 22px;
}td {
color:#1E5494;
font-size:12px;
line-height: 18px;
}
.tdbg1 {
background:#F9F9F9;
}
.tdbg {
BACKGROUND: #ffffff;
}
.top_link{text-decoration:none;font-size:14px;color:#FFDED2;height:0;filter:dropshadow(offX=1,offY=1,color=BD3400);}
A.top_link:link{text-decoration:none;font-size:14px;color:#FFDED2;height:0;filter:dropshadow(offX=1,offY=1,color=BD3400);}
A.top_link:visited{text-decoration:none;font-size:14px;color:#FFDED2;height:0;filter:dropshadow(offX=1,offY=1,color=BD3400);}
A.top_link:active{text-decoration:underline;font-size:14px;color:#fff;height:0;filter:dropshadow(offX=1,offY=1,color=BD3400);}
A.top_link:hover{text-decoration:underline;font-size:14px;color:#fff;height:0;filter:dropshadow(offX=1,offY=1,color=BD3400);}
.topbar {color:#ffffff}
.topbar a:link,.topbar a:visited{color:#ffffff;}
.topbar a:hover{background:#ccffcc; display:block; height:26px; padding-top:6px; color:#000000; text-decoration:none}
#table2 {
width:100%;
height:30px;
border-bottom : 1px solid #fff;
background-color: #6E4000;
}
.titledaohang {
FONT-SIZE: 12px;
COLOR: #551C02;
font-weight:bolder;
FONT-FAMILY: '微软雅黑,宋体'
}
/*input{
height:15px;padding-top:2px;border:1px solid #7F9DB9;color:#1E5494;
}*/
.Leftback {
background:#865802;
}
.leftframetable{
border: 1px solid #4C3500;
margin-top: 3px;
margin-bottom: 3px;
background:#FDF6E6;
}
</style>
</head>
<body>
<table cellpadding="3" cellspacing="1" border="0" width="100%" class="table" align=center>
<form name="renpassword" method="post" action="">
<tr>
<th height=25 colspan=4 align="center" class="bg_tr">更改管理密码</th>
</tr>
<tr>
<td width="40%" align="right" class="td_bg">用户名：</td>
<td width="60%" class="td_bg"><?php echo $rows["username"] ?></td>
</tr>
<tr>
<td align="right" class="td_bg">原密码：</td>
<td class="td_bg"><input name="password" type="password" id="password" size="20"></td>
</tr>
<tr>
<td align="right" class="td_bg">新密码：</td>
<td class="td_bg"><input name="password1" type="password" id="password1" size="20"></td>
</tr>
<tr>
<td align="right" class="td_bg">确认密码：</td>
<td class="td_bg"><input name="password2" type="password" id="password2" size="20"></td>
</tr>
<tr>
<td colspan="2" align="center" class="td_bg">
<input class="button" onClick="return check();" type="submit" name="Submit" value="确定更改">
</td>
</tr>
</form>
</table>
</body>
</html>
