- HTML用户登录模板，一个简单漂亮的网页登录界面，对各个文本输入框进行了美化，还有验证码样式，提交按钮等，实际上是为body定义了一个背景图像，觉得对学习HTML的初级用户有参考价值。
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>HTML后台管理</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE type=text/css>
BODY{FONT-SIZE: 12px;BACKGROUND-COLOR: #86afdd;MARGIN: 0px;}
td{FONT-SIZE: 12px;}
</STYLE>
</HEAD>
<BODY>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" height="100%">
<TBODY>
<TR>
<TD vAlign=center align=middle>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=563 align=center>
<TBODY>
<TR>
<TD height=393 background="http://www.codefans.net/jscss/demoimg/201312/AdminLoginBg.jpg">
<TABLE border=0 cellSpacing=0 cellPadding=0 width=563>
<TBODY>
<TR>
<TD height=60 width=180> </TD>
<TD height=60 width=183> </TD>
<TD height=60 width=200> </TD></TR>
<TR>
<TD height=180 width=180> </TD>
<TD height=180 vAlign=center width=183 align=left>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=183>
<TBODY>
<TR>
<TD height=35 width=133 align=left>
<FORM id=form1 method=post name=form1 action=Main.asp>
<TABLE border=0 cellSpacing=0 cellPadding=0 width=183>
<TBODY>
<TR>
<TD height=35 width=50 align=right>用户：</TD>
<TD height=35 width=133 align=left><INPUT
style="BORDER-BOTTOM: #7f9db9 1px solid; BORDER-LEFT: #7f9db9 1px solid; FONT-FAMILY: Times New Roman; FONT-SIZE: 18px; BORDER-TOP: #7f9db9 1px solid; BORDER-RIGHT: #7f9db9 1px solid"
id=UserName maxLength=10 size=11
name=UserName></TD></TR>
<TR>
<TD height=35 width=50 align=right>密码：</TD>
<TD height=35 width=133 align=left><INPUT
style="BORDER-BOTTOM: #7f9db9 1px solid; BORDER-LEFT: #7f9db9 1px solid; FONT-FAMILY: Times New Roman; FONT-SIZE: 18px; BORDER-TOP: #7f9db9 1px solid; BORDER-RIGHT: #7f9db9 1px solid"
id=Password maxLength=10 size=11 type=password
name=Password></TD></TR>
<TR>
<TD height=35 width=50 align=right>验证：</TD>
<TD height=35 width=133 align=left>
<TABLE border=0 cellSpacing=0 cellPadding=0
width=133>
<TBODY>
<TR>
<TD height=35 width=80><INPUT
style="BORDER-BOTTOM: #7f9db9 1px solid; BORDER-LEFT: #7f9db9 1px solid; FONT-FAMILY: Times New Roman; FONT-SIZE: 18px; BORDER-TOP: #7f9db9 1px solid; BORDER-RIGHT: #7f9db9 1px solid"
id=ValidCode maxLength=4 size=4
name=ValidCode></TD>
<TD height=35 width=55><IMG
src="http://www.codefans.net/jscss/demoimg/201312/ValidCode.bmp"
width=40
height=10></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=35 width=50 align=right> </TD>
<TD height=35 width=133 align=left><INPUT border=0 align=absMiddle src="http://www.codefans.net/jscss/demoimg/201312/login.gif" width="64" height="22" type=image></TD></TR></TBODY></TABLE></FORM></TD></TR></TBODY></TABLE></TD>
<TD height=180 width=200> </TD></TR>
<TR>
<TD height=153 width=180> </TD>
<TD height=153 width=183> </TD>
<TD height=153 width=200> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</BODY>
</HTML>
标签：网站源码