EPS系统登陆界面

来源：互联网发布：云组态软件编辑：程序博客网时间：2024/05/17 08:52
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="EPS 2005 System.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title> EPS 2005 System</title>
    <link href="Styles/EPSstyle.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
</script>
</head>
<body>
<form  id="form1" runat="server">
    <div>
   
     <table class="Table1" cellspacing="0" cellpadding="0" width="100%" align="center" border="0">
           <tr>
              <td align="center" valign="middle" style="height: 76%; width: 383px;">
                  <table class="Table2" cellspacing="0" cellpadding="0">
                        <tr style="height: 86;">
                            <td style="width: 397px; height: 86px">
                                <img class="Image1" src="images/EPS_Login_Banner.jpg" /></td>
                        </tr>
                        <tr style="height: 50;">
                            <td style="width: 397px">
                                <img id="Image2" class="Image2" src="images/EPS_Login_SystemName.jpg" /></td>
                        </tr>
                       
                        <tr>
                            <td style="background-color: #e8e8e8; height: 150; width: 397px;" align="center" valign="top">
                            
                            
                             
                                <table cellspacing="0" cellpadding="0" border="0" id="TABLE1" >
                                   
                                    <tr>
                                        <td align="right" style="padding-right: 10px; height: 20px" class="BoldFont8pt">
                                            Language</td>
                                        <td align="left" style="height: 20px; width: 115px;">
                                            <select id="select1" onchange="hiddenPic2()" title="Language" style="width:125px;">
                                                 <option id="option2" value="2">中文简体</option>
                                                 <option id="option1" selected="selected" value="1">English</option>
                                            </select>
                                                 <script type="text/javascript">
                                                   function hiddenPic()
                                                   {
                                                      var Select = document.getElementById("select1");
                                                      var img = document.getElementById("Image2");
                                                      if (Select.options.value=="1") 
                                                            img.style.visibility ="visible";  
                                                            
                                                      if (Select.options.value=="2")
                                                            {
                                                                img.style.visibility="hidden";
                                                                return;
                                                            }
                                                        
                                                   }
                                                   
                                                        function hiddenPic2()
                                                   {
                                                      var Select = document.getElementById("select1");
                                                      var img = document.getElementById("Image2");
                                                      if (Select.options.value=="1") 
                                                            img.style.display ="block";  
                                                            
                                                      if (Select.options.value=="2")
                                                            {
                                                                img.style.display="none";
                                                                return;
                                                            }
                                                        
                                                   }
                                                   
                                                   
                                        </script>
                                            
                                            
                                        </td>
                                    </tr>
                                  
                                    <tr>
                                        <td align="right" style="padding-right: 10px; height: 20;" class="BoldFont8pt">
                                            User Name
                                        </td>
                                        
                                        
                                        
                                        <td align="left" style="width: 115px">
                                            <input name="TextBoxUser" type="text" value="admin" maxlength="50" id="Text1" style="height:17px;width:120px;" /></td>
                                    </tr>
                                  
                                    <tr>
                                        <td align="right" style="padding-right: 10px; height: 20;" class="BoldFont8pt">
                                            Password</td>
                                        <td align="left" style="width: 115px">
                                            <input name="TextBoxPassword" type="password" maxlength="50" class="PlainInput" id="Text2" style="height:17px;width:120px;" /></td>
                                    </tr>
                                    
                                    <tr>
                                        <td style="height: 20px;">
                                            </td>
                                        <td style="height: 20px; width: 115px;">
                                            <input type="submit" onclick="check()" class="Button120" value="Welcome Login" />
                                            <script type="text/javascript">
                                            
                                                function check()
                                                {
                                                   var User = document.getElementById("TextBoxUser");
                                                   var Password = document.getElementById("TextBoxPassword");
                                                   if(User.value.length==0) 
                                                    {
                                                      alert("用户名不能为空");
                                                      window.event.returnValue=false;
                                                      return;
                                                    } 
                                                   
                                                    if(Password.value.length==0)  
                                                    { 
                                                      alert("密码不能为空");
                                                      window.event.returnValue=false;
                                        
                                                    }
                                                 }   
                                                
                                             
                                            </script>
                                             
                                         </td>
                                    </tr>
  
                                </table>
                                
                            </td>
                        </tr>
                      
                        <tr>
                            <td style="background-color: #d8d8d8; height: 19px; padding-right: 20px; width: 397px;"
                                align="right" class="FontVersion">
                                Version: EPS2005 1.0 </td>
                        </tr>        
                         
                    </table>
                </td>
            </tr>
        </table>
       
        </div>
         </form>
        
       
   
</body>
</html>