반응형

[Project1]로그인 구현하기  (php, mysql, html)


이제 로그인 할 화면을 만들었으니, 회원가입할 화면을 만들어야겠죠.

아래와 같습니다. 

그런데 왜 ! join.php 라고 이름을 지었을까요? 


왜냐하면, 

index.php 첫화면 에서 회원가입 버튼부분에

<input type="button" name ="버튼" value="회원가입" onclick="location.href='http://localhost/join.php'";>

이렇게, join.php로 가도록 만들어주었기 때문이죠~



join.php


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<doctype html>
<html>
<head>
<meta charset="utf-8">
<title>sign up page</title>
</head>
<body>
<form name="join" method="post" action="memberSave.php"<!--membersave.php 파일로 회원정보저장-->
 <h1>input your information</h1>
 <table border="1">
  <tr>
   <td>ID</td>
   <td><input type="text" size="30" name="id"></td>
  </tr>
  <tr>
   <td>Password</td>
   <td><input type="password" size="30" name="pwd"></td>
  </tr>
  <tr>
   <td>name</td>
   <td><input type="text" size="12" maxlength="10" name="name"></td>
  </tr>
  <tr>
   <td>Position</td>
   <td><input type="text" size="30" name="position"></td>
  </tr>
 </table>
 <input type=submit value="submit"><input type=reset value="rewrite">
 
   <input type="button" value="뒤로가기"onclick="javascript:history.go(-1)">
</form>
</body>
</html>
cs

조금씩 나누어 설명드리겠습니다. ^^

<doctype html>
<html>
<head>
<meta charset="utf-8">
<title>sign up page</title>
</head>


<doctype html>

html 버전별로 지원하는 태그가 다릅니다. 따라서 웹브라우저에게 html버전을 미리 선언해 주어, 내용을 올바르게 표시 할 수 있도록 합니다.

<meta charset="utf-8">

전세계 모든 문자를 한꺼번에 인코딩(컴퓨터에서 문자 정보를 처리하는 일련의 과정)해줍니다.

<title>sign up page</title>

tool bar에 표시되는 부분입니다.



<body>
<form name="join" method="post" action="memberSave.php"<!--membersave.php 파일로 회원정보저장-->
 <h1>input your information</h1>


<form name="join" method="post" action="memberSave.php"

form으로 post라는 변수 전달 방식을 통해 membersave.php페이지로 변수를 전달받죠 ^^

<h1>input your information</h1>

강조해서 글씨를 써줍니다. input your information이라는 글씨를 강조~!


<table border="1">
  <tr>
   <td>ID</td>
   <td><input type="text" size="30" name="id"></td>
  </tr>
  <tr>
   <td>Password</td>
   <td><input type="password" size="30" name="pwd"></td>
  </tr>
  <tr>
   <td>name</td>
   <td><input type="text" size="12" maxlength="10" name="name"></td>
  </tr>
  <tr>
   <td>Position</td>
   <td><input type="text" size="30" name="position"></td>
  </tr>
 </table>


<table border="1">

table (표)의 굵기가 1이라는 의미죠 ~



<tr>
   <td>ID</td>
   <td><input type="text" size="30" name="id"></td>
  </tr>
  <tr>
   <td>Password</td>
   <td><input type="password" size="30" name="pwd"></td>
  </tr>


<tr> </tr> 행

<td> </td> 열 

한마디로 이러한 형태죠 


id

input type="text"

password

input type="password"


input type 부분은 어떤형식으로 입력을 받을지에 대한 부분 입니다.

password의 경우 , *******이런식으로 입력받죠.~



<input type=submit value="submit"><input type=reset value="rewrite">
 
   <input type="button" value="뒤로가기"onclick="javascript:history.go(-1)">
</form>
</body>
</html>

<input type=submit value="submit"> 변수전달

<input type=reset value="rewrite"> reset : 입력한 모든것을 지워줍니다.

<input type="button" value="뒤로가기"onclick="javascript:history.go(-1)"> 뒤로가기 기능



결과입니다 ~






반응형

+ Recent posts