2013-07-31 4 views
0

로그인 코드와 가입 코드가 있습니다. 하지만 어떻게 효과가 있습니까? 나는 사람들이 정말 로그인 할 수있는 방법을 모르는 나는 상자에 일반 수 있지만 물론 나는 효과의 원인이되지 않습니다. P가입 및 홈페이지에 어떻게 링크합니까?

로그인 접속 코드 :

<!doctype html> 
<html> 
    <head> 
     <style type="text/css"> 

      body {font-family:Arial, Sans-Serif;} 

      #container {width:300px; margin:0 auto;} 

      /* Nicely lines up the labels. */ 
      form label {display:inline-block; width:140px;} 

      /* You could add a class to all the input boxes instead, if you like. That would be safer, and more backwards-compatible */ 
      form input[type="text"], 
      form input[type="password"], 
      form input[type="email"] {width:160px;} 

      form .line {clear:both;} 
      form .line.submit {text-align:right;} 

     </style> 
    </head> 
    <body> 
     <div id="container"> 
      <form> 
       <h1>Sign-up Here!</h1> 
       <div class="line"><label for="username">Username: </label><input type="text" id="username" /></div> 
       <div class="line"><label for="pwd">Password: </label><input type="password" id="pwd" /></div> 
         <div class="line"><label for="pwd">Confirm Password: </label><input type="password" id="pwd" /></div> 


       <div class="line submit"><input type="submit" value="Submit" /></div> 


      </form> 
     </div> 
     <center><p>Do NOT use your ZeldaUniverse log-in! For your own security!</p></center> 
    </body> 
</html> 

Log in code: 

    <html> 
<head> 
<title>Please type your Username and Password... </title> 
<script language="JavaScript" type="text/JavaScript" src="login.js"></script> 
</head> 
<body bgcolor="#eeeeee"> 
<form> 
<br> 
<center> 
Username: <input type="text" name="username" style="background:#bfbfbf;color:#212121;border-color:#212121;" onFocus="this.style.background = '#ffffff';" onBlur="this.style.background = '#bfbfbf';"> 
<br> 
Password: <input type="password" name="password" style="background:#bfbfbf;color:#212121;border-color:#212121;" onFocus="this.style.background = '#ffffff';" onBlur="this.style.background = '#bfbfbf';"> 
<br> 
<input type="button" value="Login" onClick="Login(this.form);" style="background:#bfbfbf;color:#000000;border-color:#212121;" onMouseOver="this.style.color = '#404040';" onMouseOut="this.style.color = '#000000';" onFocusr="this.style.color = '#404040';" onBlur="this.style.color = '#000000';"> 
</center> 
</form> 
<center><font style="" 
</body> 
</html> 




<!-- Begin 

    function Login(form) { 
    username = new Array("u1","u2","u3","u4","u5","u6","u7","u8","u9","u10"); 
    password = new Array("p1","p2","p3","p4","p5","p6","p7","p8","p9","p10"); 
    page = "secretpage" + ".html"; 
    if (form.username.value == username[0] && form.password.value == password[0] || form.username.value == username[1] && form.password.value == password[1] || form.username.value == username[2] && form.password.value == password[2] || form.username.value == username[3] && form.password.value == password[3] || form.username.value == username[4] && form.password.value == password[4] || form.username.value == username[5] && form.password.value == password[5] || form.username.value == username[6] && form.password.value == password[6] || form.username.value == username[7] && form.password.value == password[7] || form.username.value == username[8] && form.password.value == password[8] || form.username.value == username[9] && form.password.value == password[9]) { 
    self.location.href = page; 
    } 
    else { 
    alert("Either the username or password you entered is incorrect.\nPlease try again."); 
    form.username.focus(); 
    } 
    return true; 
    } 

덕분를 읽고 도와 줘! ;)

Niely,

+0

양식 태그에 메소드 및 액션 매개 변수를 추가하십시오. –

답변

0

HTML 만 그래픽 디스플레이에 사용되는, 당신은 로그인을 실제로 할 수 있도록 몇 가지 프로그래밍 언어를 배울 필요가있다. 나는 개인적으로 자바를 사용한다. 서블릿이 나중에 invoqued 될 URL (url)과 http 메소드가 그물을 통해 사용중인 프로토콜이기 때문에 분명히 액션을 포함해야합니다. 여기에 당신이 할 수있는 방법입니다 : HTML 파일에서

:

<form action="singin" method="post"> 
    <input type="text" id="username"/> 
    <input type="password" id="password"/> 
    <button type="submit">Log in</button> 
</form> 

는 NEX 클래스를 생성하고 HttpServlet을 확장하여 자바 코드에서 서블릿을 만든 다음 XML 파일로 이동하여 요청을 매핑 양식에서 방금 작성한 서블릿으로 이동하십시오.

관련 문제