8.08. 회원가입 화면 만들기

회원 가입을 할 수 있는 html 페이지를 만든다.

<!DOCTYPE html>
<html>
    <head>
        <title>php-memo 회원가입</title>
    </head>
    <body>
        <?php require_once("inc/header.php"); ?>
        <h1>php-memo 회원가입</h1>
        <form method="POST" action="regist.post.php">
        <p>
            아이디 : 
            <input type="text" name="login_id" />
        <p>
        <p>
            비밀번호 : 
            <input type="password" name="login_pw" />
        <p>            
        <p>
            이름 : 
            <input type="text" name="login_name" />
        <p>
        <p><input type="submit" value="회원가입"></p>
        </form>
    </body>
</html>

위 코드를 regist.php 파일로 저장한다. 회원 가입을 위한 폼을 보여주는 html 파일이다.


공통 헤더를 불러와서 끼워넣는다.

<?php require_once("inc/header.php"); ?>

회원 가입을 위해 회원 ID(login_id), 회원 비밀번호(login_pw), 회원 이름(login_name)을 입력받는다.

<p>
    아이디 : 
    <input type="text" name="login_id" />
<p>
<p>
    비밀번호 : 
    <input type="password" name="login_pw" />
<p>            
<p>
    이름 : 
    <input type="text" name="login_name" />
<p>

서버로 데이터를 전달하기 위해서는 전달할 항목을 name 속성으로 구분해야 한다.


회원가입 버튼이 클릭되면 입력한 회원가입 정보를 POST 메소드를 통해 서버의 regist.post.php 경로로 전달한다.

<form method="POST" action="regist.post.php">

~

    <p><input type="submit" value="회원가입"></p>
</form>

HTML에서 서버로 데이터 전달을 위해서는 <form> 태그로 감싼다. type="submit" 은 서버로 <form> 태그 안의 내용을 전달하라는 의미다.