페이지

2015. 1. 21.

[HTML] 기본 태그들 사용해서 만든 회원가입 양식

center 태그는 html5에서는 더 이상 지원하지 않는 태그라고함.

하지만 동작은 하길래 사용함

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>회원가입 페이지</title>
</head>

<body background="http://images.forbes.com/media/lists/companies/google_200x200.jpg">
    <center>
    <H1>회원가입 페이지</H1>

    <div data-role="fieldcontain">
    <table border="1" bgcolor="gray">
        <tr>
            <td width="100">아이디</td>
            <td width="250">
                <input type="text" name="id" id="id" autofocus required></input>
                <input type="button" name="id_valid_check_btn" value="중복확인" onClick="alert('중복확인 버튼')"> </input>           
            </td>
        </tr>
       
        <tr>
            <td>비밀번호</td>
            <td>
                <input type="password" name="password" id="password"></input>
            </td>
        </tr>
       
        <tr>
            <td>비번확인</td>
            <td>
                <input type="password" name="password_comf" id="password_comf"></input>
            </td>
        </tr>
       
        <tr>
            <td>생년월일</td>
            <td>
                <input type="text" name="birthday" id="birthday"></input>
            </td> 
        </tr>
       
        <tr>
            <td>전화번호</td>
            <td>
                <input type="text" name="telephoneNo" id="telephoneNo"></input>
            </td> 
        </tr>

        <tr>
            <td>E-Mail</td>
            <td>
                <input type="text" name="email" id="email"></input>
            </td> 
        </tr>

        <tr>
            <td>주소</td>
            <td>
                <input type="text" name="address" id="address"></input>
            </td> 
        </tr>
       
        <tr>
            <td>상세주소</td>
            <td>
                <input type="text" name="address2" id="address2"></input>
            </td> 
        </tr>

        <tr>
            <td>전공유무</td>
            <td>
                <input type="radio" name="major"/> 전공
                <input type="radio" name="major"/> 비전공
            </td>
        </tr>
   
        <tr>
            <td>파일</td>
            <td>
                <input type="file" />
            </td>
        </tr>
       
        <tr>
            <td>자기소개</td>
            <td>
                <textarea cols="30" rows="3">test</textarea>
            </td>
        </tr>
    </table>
   
        <INPUT  type="submit" name="submit"    value="제출"></input>
          <INPUT  type="reset" name="reset"    value="초기화"></input>
          <INPUT    type="button" name="cancel" value="취소" onClick="alert('취소 버튼입니다.')"> </input>
       </div>
    </center>

</body>
</html>