当前位置:首页 > 网页特效 > 网站常用 >

一个HTML格式的网页登录界面

时间:2014-01-06 09:31 来源:互联网 作者:源码搜藏 收藏 推荐

运行代码 保存代码 复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
  • 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>&nbsp;</TD>
                    <TD height=60 width=183>&nbsp;</TD>
                    <TD height=60 width=200>&nbsp;</TD></TR>
                  <TR>
                    <TD height=180 width=180>&nbsp;</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>&nbsp;</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>&nbsp;</TD></TR>
                  <TR>
                    <TD height=153 width=180>&nbsp;</TD>
                    <TD height=153 width=183>&nbsp;</TD>
                    <TD height=153 width=200>&nbsp;</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
    </BODY>
    </HTML>

由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-wangzhan/6541.html

网站常用下载排行

最新文章