用html写的简单的邮箱登陆界面

2015/07/04 54505
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>qiqi.html</title>
 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  <script language="javascript" type="text/javascript">
  function MyBlur(obj){
 
  if(document.all.mailcheck.value=="1"){
   var m_suffix1 = document.getElementByIdx_x("m_163");
   m_suffix1.style.display = 'inline';
  
   var m_suffix2 = document.getElementByIdx_x("m_126");
   m_suffix2.style.display = "none";
   var m_suffix3 = document.getElementByIdx_x("m_sina");
   m_suffix3.style.display = "none";
  
   document.all.input_name.name="username";
   document.all.input_password.name="password";
   document.all.form.action="http://reg.163.com/CheckUser.jsp";
  
  }else if(document.all.mailcheck.value=="2"){
   var m_suffix1 = document.getElementByIdx_x("m_163");
   m_suffix1.style.display = 'none';
  
   var m_suffix2 = document.getElementByIdx_x("m_126");
   m_suffix2.style.display = "inline";
   var m_suffix3 = document.getElementByIdx_x("m_sina");
   m_suffix3.style.display = "none";
  
  
      document.all.input_name.name="username";
   document.all.input_password.name="password";
   document.all.form.action="https://reg.163.com/logins.jsp";
  
     }else if(document.all.mailcheck.value=="3"){
  
   var m_suffix1 = document.getElementByIdx_x("m_163");
   m_suffix1.style.display = 'none';
  
   var m_suffix2 = document.getElementByIdx_x("m_126");
   m_suffix2.style.display = "none";
   var m_suffix3 = document.getElementByIdx_x("m_sina");
   m_suffix3.style.display = "inline";
  
      document.all.input_name.name="u";
   document.all.input_password.name="psw";
   document.all.form.action="http://mail.sina.com.cn/cgi-bin/login.cgi";
  
     }
 
  }
  </script>
 
  </head>
 
  <body>
    <form name="form" id="form" method="post" action="http://reg.163.com/CheckUser.jsp" onSubmit="return sendmail()">
       账号:<input type="text" name="username" id="input_name"/>
       <p id="m_163" style="display:inline;">
       @163.com
    </p>
       <p id="m_126" style="display:none;">
       @126.com
    </p>
       <p id="m_sina" style="display:none;">
       @sina.com
    </p>
       <br>
       密码:<input type="password" name="password"  id="input_password"/><br>
       请选择邮箱：
       <label>
         <select name="mailcheck" id="mailcheck" onChange="MyBlur()">
           <option value="1">@163.com</option>
           <option value="2">@126.com</option>
           <option value="3">@sina.com</option>
         </select>
       </label>
       <br>
     <input type="submit" value="登陆"/>
       <input type="reset" value="重置"/>
    </form>
  </body>
</html>
代码片段
