HTML 회원가입 태그 간단 예제

예전에 HTML로 만들었던 HTML 코드로 만든 회원가입 간단 샘플 코드 입니다. 필요하신 분들은 가져가서 사용하시면 좋을 듯 합니다.

<html>
 <head>
  <title> HTML 회원가입 태그</title>
  <meta name="author" content="zzarungna" />
  <meta name="description" content="memeber form" />
 </head>

 <body>
        <h3>HTML 회원가입 간단 에제</h3>
               <form method="post" action="">
                       <table border="1" width="400" height="400">
                              <tr>
                                      <td align="center" bgcolor="#FFFFCC">이름</td>
                                      <td><input type="text" /></td>
                              </tr>
                              <tr>
                                      <td align="center" bgcolor="#FFFFCC">아이디</td>
                                      <td><input type="text" />
                                      <input type="submit" value="아이디 중복검사" />
                                      </td>
                              </tr>

                              <tr>
                                      <td align="center" bgcolor="#FFFFCC">암호</td>
                                      <td><input type="password" /></td>
                              </tr>
                              <tr>
                                      <td align="center" bgcolor="#FFFFCC">암호확인</td>
                                      <td><input type="password" /></td>
                              </tr>
                              <tr>
                                      <td align="center" bgcolor="#FFFFCC">주민번호</td>
                                      <td>
                                             <input type="text" maxlength="6" size="6" />
                                             -
                                             <input type="text" maxlength="7" size="7" />
                                      </td>
                              </tr>

                              <tr>
                                      <td align="center" bgcolor="#FFFFCC">연락처</td>
                                      <td>
                                             <select>
                                                     <option value="t010">010</option>
                                                     <option value="t011">011</option>
                                                     <option value="t016">016</option>
                                                     <option value="t017">017</option>
                                                     <option value="t019">019</option>
                                             </select>
                                      -<input type="text" maxlength="4" size="4" />
                                      -<input type="text" maxlength="4" size="4" />
                                      </td>
                              </tr>

                              <tr>
                                      <td align="center" bgcolor="#FFFFCC">학력</td>
                                      <td>
                                             <select name="selinfor">
                                                     <option value="0">선택해주세요</option>
                                                     <option value="1">초졸</option>
                                                     <option value="2">중졸</option>
                                                     <option value="3">고졸</option>
                                                     <option value="4">초대졸</option>
                                                     <option value="5">대졸</option>
                                                     <option value="6">석사</option>
                                                     <option value="7">박사</option>
                                             </select>
                                      </td>
                              </tr>

                              <tr>
                                      <td align="center" bgcolor="#FFFFCC">메일링</td>
                                      <td>
                                             <input type="radio" id="ag1" name="yes" checked="checked" />
                                             <label name="yes" for="ag1">받겠습니다.</label>
                                             <input type="radio" id="ag2" name="yes" />
                                             <label name="yes" for="ag2">받지않겠습니다.</label>
                                      </td>
                              </tr>

                              <tr>
                                      <td align="center" bgcolor="#FFFFCC">약관동의</td>
                                      <td>
                                             <input type="checkbox" id="agree" checked="checked" />
                                             <label for="agree">동의합니다.</label>
                                      </td>
                              </tr>
                       </table>
                       <br />
                       <input type="submit" value="가입하기" />
                       <input type="reset" value="다시쓰기" />
               </form>
 </body>
</html>


먼저 위 소스코드를 복사하셔서 메모장이나 에디터로 붙여 넣으시면 됩니다. 그리고 파일 저장은 원하는 이름.html 확장자만 html로 저장 하시면 됩니다.

HTML 파일로 저장해주세요


저장한 html 파일을 더블 클릭 하시면 웹페이지에서 방금 복사 붙여 넣기한 HTML 코드 결과를 확인하실 수 있습니다.

HTML 파일 실행하기


HTML 코드로 회원가입 간단 예제 결과화면 입니다.

HTML로 만든 회원가입 결과


HTML 코드로 만든 간단 회원가입 예제 코드가필요 하셨던 분들은 복사해서 활용 하시면 좋을 것 같습니다.

zzarungna

안녕하세요! 블로그를 좋아하는 사람입니다. 좋은 정보 작성 하도록 노력 하겠습니다.

댓글 쓰기

다음 이전