skip navigation

회원가입

[VIEW]
회원가입 테이블

※ 이름은 한글, 영문 대/소문자, 특수문자( - _ . )만 이용 가능합니다.

※ yahoo.com과 hotmail.com은 E-Mail 수신이 원활하지 않을 수 있습니다.

@

이미 가입된 이메일 주소입니다.

※ 4~16자까지 영문자(소문자), 숫자만 가능합니다. [한글 및 특수문자 (스페이스 포함) 등은 사용할 수 없습니다.]

※ 영문+숫자+특수문자 조합하여 8~16자로 입력해 주세요. 사용 가능한 특수기호: ~!@$%^&*/?#+_-

[사용불가] 안전한 비밀번호 기준에 맞지 않습니다.

비밀번호가 일치하지 않습니다.
  • - 사은품 및 우편물이 배송될 주소입니다.
  • - 주문하신 상품의 배송지 변경을 원하시면, 기본배송지를 수정 해주세요.
  • - 사은품 및 우편물이 배송될 주소입니다.
  • - 주문하신 상품의 배송지 변경을 원하시면, 기본배송지를 수정 해주세요.
- -
필수SMS 수신여부

※ SMS 수신여부를 동의 하시면, 다양한 정보와 각종 서비스 혜택을 받으실 수 있습니다.
[CODE]
<div class="tb_join"> <table border="1"> <caption>회원가입 테이블</caption> <colgroup> <col style="width:154px"> <col style=""> </colgroup> <tbody> <tr> <th scope="row"> <label for="name" class="necess"><span class="ico_required">필수</span>이름</label> </th> <td> <div> <div class="wrap_form_l"> <p class="txt_info" style="padding-left:240px;">※ 이름은 한글, 영문 대/소문자, 특수문자( - _ . )만 이용 가능합니다.</p> <input type="text" class="txt ab" id="name" style="width:220px;"> </div> </div> </td> </tr> <tr> <th scope="row"> <label for="email" class="necess"><span class="ico_required">필수</span>이메일</label> </th> <td> <div> <div class="wrap_form_t"> <div style="padding-top:34px;"> <p class="txt_info">※ yahoo.com과 hotmail.com은 E-Mail 수신이 원활하지 않을 수 있습니다.</p> </div> <div class="ab"> <input type="text" class="txt" id="email" title="이메일 주소 입력란" style="width:120px;"> @ <input type="text" class="txt" title="이메일 도메인 입력란" style="width:120px;"> <select class="select" title="이메일 도메인 선택란"> <option>도메인 선택</option> </select> </div> <p class="txt_alert mt4">이미 가입된 이메일 주소입니다.</p> </div> </div> </td> </tr> <tr> <th scope="row"> <label for="id" class="necess"><span class="ico_required">필수</span>아이디</label> </th> <td> <div> <div class="wrap_form_t"> <p class="txt_info" style="padding-top:34px;">※ 4~16자까지 영문자(소문자), 숫자만 가능합니다. [한글 및 특수문자 (스페이스 포함) 등은 사용할 수 없습니다.] </p> <input type="text" class="txt ab" id="id" style="width:220px;"> </div> </div> </td> </tr> <tr> <th scope="row"> <label for="pw" class="necess"><span class="ico_required">필수</span>비밀번호</label> </th> <td> <div> <div class="wrap_form_t"> <p class="txt_info" style="padding-top:34px;">※ 영문+숫자+특수문자 조합하여 8~16자로 입력해 주세요. 사용 가능한 특수기호: ~!@$%^&*/?#+_-</p> <div class="wrap_form_l"> <input type="password" class="txt ab" id="pw" style="width:220px;"> <p class="txt_alert" style="padding-left:240px;">[사용불가] 안전한 비밀번호 기준에 맞지 않습니다.</p> </div> </div> </div> </td> </tr> <tr> <th scope="row"> <label for="confirm" class="necess"><span class="ico_required">필수</span>비밀번호 확인</label> </th> <td> <div> <div class="wrap_form_l"> <input type="password" class="txt ab" id="confirm" style="width:220px;"> <p class="txt_alert" style="padding-left:240px;">비밀번호가 일치하지 않습니다.</p> </div> </div> </td> </tr> <tr> <th scope="row"> <label for="hint" class="necess"><span class="ico_required">필수</span>비밀번호 힌트</label> </th> <td> <div> <select class="select" id="hint" title="비밀번호 힌트 선택란"> <option>비밀번호힌트질문</option> </select> </div> </td> </tr> <tr> <th scope="row"> <label for="address" class="necess"><span class="ico_required">필수</span>주소</label> </th> <td> <div> <div class="wrap_form_t"> <ul style="padding-top:68px;"> <li>- 사은품 및 우편물이 배송될 주소입니다.</li> <li>- 주문하신 상품의 배송지 변경을 원하시면, 기본배송지를 수정 해주세요.</li> <li>- 사은품 및 우편물이 배송될 주소입니다.</li> <li>- 주문하신 상품의 배송지 변경을 원하시면, 기본배송지를 수정 해주세요.</li> </ul> <div class="wrap_address ab"> <div> <input type="text" class="txt" id="address" title="우편번호 앞자리 입력란" style="width:120px;"> - <input type="text" class="txt" title="우편번호 뒷자리 입력란" style="width:120px;"> <a href="#" class="btn-zip">우편번호 찾기</a> </div> <div> <input type="text" class="txt" title="기본주소 입력란" style="width:171px;"> <input type="text" class="txt" title="상세주소 입력란" style="width:171px;"> </div> </div> </div> </div> </td> </tr> <tr> <th scope="row"> <label for="phone" class="necess"><span class="ico_required">필수</span>전화번호</label> </th> <td> <div> <select class="select" id="phone" title="식별번호 선택란"> <option>선택</option> <option>010</option> <option>0505</option> </select> - <input type="text" class="txt" title="전화번호 가운데 자리 입력란" style="width:120px;"> - <input type="text" class="txt" title="전화번호 끝 자리 입력란" style="width:120px;"> </div> </td> </tr> <tr> <th scope="row"> <div><span class="ico_required">필수</span>SMS 수신여부</div> </th> <td> <div> <div class="wrap_form_t"> <div class="ab"> <input type="radio" name="sms" class="rdo" id="sms01"> <label for="sms01">수신동의</label> <input type="radio" name="sms" class="rdo" id="sms02"> <label for="sms02">수신안함</label> </div> <p class="txt_info" style="padding-top:22px;">※ SMS 수신여부를 동의 하시면, 다양한 정보와 각종 서비스 혜택을 받으실 수 있습니다.</p> </div> </div> </td> </tr> </tbody> </table> </div>