注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

众里寻他千百度,名师成就满分路

AP 微积分 AP 计算机 腾飞的博客

 
 
 

日志

 
 
关于我

大学讲师,中国首批AP计算机教师,著有中国第一套,历经五年实践证明深受学生欢迎的成功的AP计算机双语教材,2013年以93%的满分率开创了中国AP计算机成功的先河,远远超出全美26.6%的满分率,为中国AP计算机教学树立了典范,并在同年加拿大计算机竞赛中勇夺桂冠,任教学生获哥伦比亚大学,麻省理工学院,卡耐基梅隆大学,宾夕法尼亚大学,康奈尔大学,西北大学等学校录取,远程学生遍及北京、长春、南京、重庆、广州、济南, 深圳、成都、费城,洛杉矶,加州,宾州,新罕布什尔州等地,希望借此平台为信息技术的发展做出贡献!

网易考拉推荐

漂亮的登陆界面  

2014-01-26 11:19:09|  分类: web c# |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
2014年01月26日 - cristalspring - 众里寻他千百度,深中成就满分路
 

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="/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="/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="/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>
  评论这张
 
阅读(670)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017