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

小提示

Ctrl+/代码提示(需IE11)
F11键放大 ESC键缩小
PgUp上页 PgDn下页

推荐代码

运行代码缩小

引入JS
- 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
- 1.7.3 1.7.2 1.7.1.0 1.7.0.0
- 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
- 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
- 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
- core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
- 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
- 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6

引入框架
- 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
- 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
- 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2

汉王

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="//ku.shouce.ren/files/images/201601/56a31fd12edfd.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="" 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>

AخA
 
<!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>

CSS代码

复制格式化注释注释颜色清空

放大

CSS代码...​x
 
​

JS代码

复制格式化注释注释清空

放大

JS代码...xxxxxxxxxx
 
​

运行代码

简介

请输入代码名称！

名称

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

分类

网站常用

描述

HTML用户登录模板，一个简单漂亮的网页登录界面，对各个文本输入框进行了美化，还有验证码样式，提交按钮等，实际上是为body定义了一个背景图像，觉得对学习HTML的初级用户有参考价值。