css局部控制

最新推荐文章于 2024-04-26 22:14:41 发布

一切为了个人信息化

最新推荐文章于 2024-04-26 22:14:41 发布

阅读量468

点赞数

文章标签： css class xp function input table

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/gz_xiangjun/article/details/7291009

版权

JS 学习笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<style type="text/css">
html, body {
font-size: 80%;
}
#login-form table {font-size: 120%; }

<body>

<div id="login-form">
  <div id="errorInfo" style="padding: 8px 25px;"></div>

  <form id="xp_loginform" action="" οnsubmit="return loginSubmit()" method="post">
    <table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0">
   <tr>
    <td colspan="2" align="center">
     <div>
      <img src="images/logo2.jpg">
     </div>
    </td>
   </tr>
   <tr>
     <td colspan="2" align="center">
     </td>
   </tr>
   <tr>
     <td nowrap="nowrap" align="right">
     <span class="gaia le lbl">登录名:</span>
     </td>
     <td>
     <input type="text" name="userName" id="userName" size="30" value="" class='gaia le lbl' />
     </td>
   </tr>

   <tr id="password-row" class="enabled">
     <td align="right">
      <span class="gaia le lbl"> 密码: </span>
     </td>
     <td>
     <input type="password" name="password" id="password" size="20" class="gaia le lbl" />
     </td>
   </tr>

   <tr>
     <td></td>
     <td align="left">
     <input type="submit" class="gaia le button" name="signIn" id="signIn" value="登录" />
     </td>
   </tr>
    </table>
  </form>
</div>

<script>
function passwordEdit(){
  $('#pwdFrame')[0].src = 'passwordEdit.action';
  $('#pwdDiv').dialog('open');
}
function pwdReload(){
  $('#pwdFrame')[0].src = '';
  $('#pwdDiv').dialog('close');
}
<!--
var xp_loginform;
if (document.getElementById) {
   xp_loginform = document.getElementById("xp_loginform");
} else if (window.xp_loginform) {
   xp_loginform = window.xp_loginform;
}

var gaia_userNameHasKeypress = false;
if (xp_loginform && xp_loginform.userName) {
   xp_loginform.userName.onkeypress = function() {
     gaia_userNameHasKeypress = true;
   }
}

function setFocusOnName() {
  <#if message??>
   $('#errorInfo').html('${message}');
   $('#errorInfo').show();
  <#else>
   $('#errorInfo').hide();
  </#if>
  $('#errorInfo').addClass('error');
  if (xp_loginform) {
   if (xp_loginform.userName && !xp_loginform.userName.value) {
    xp_loginform.userName.focus();
   } else if (xp_loginform.password && !gaia_userNameHasKeypress) {
    xp_loginform.password.focus();
   }
  }
}

--></script>

<div class="footer">
2011© 北京宏博远达科技有限公司
</div>

<div id="loadingDiv" class="mask-msg">正在处理，请稍待。。。</div>
<div id="pwdDiv">
<iframe scrolling="auto" id='pwdFrame' name='pwdFrame' frameborder="0" src="" style="width:100%;height:100%;"></iframe>
</div>
<div style="display:none">
<div id="login_info_message" class="messager-body">
  <div class="messager-icon messager-info"></div>
  <div id="login_info_msg">提示</div>
  <div style="clear: both;"></div>
</div>
<div id="info_message" class="messager-body">
  <div class="messager-icon messager-info"></div>
  <div id="info_msg">提示</div>
  <div style="clear: both;"></div>
</div>
<div id="alarm_info_message" class="messager-body">
<div class="messager-icon messager-info"></div>
<div id="alarm_info_msg">提示</div>
<div style="clear: both;"></div>
</div>
</div>
</body>
</html>

一切为了个人信息化

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。