Home > 고객지원 > 질문&답변

처음부터 만들기 매뉴얼 [능숙2단] 각종 다양한 입력양식(등록폼) 만들기
2009-12-25 21:32:33

 

국내 대부분의 홈페이지에서 각종 1:1문의, 이메일 전송, 제휴문의, 온라인 상담, 자료등록, 주문신청,예약접수등 정말 다양한 폼이 많은데요. 아마 다들 한번쯤 보셨을겁니다.

 

이번 미션을 통해 우리도 한번 만들어 봅시다구요  ^^

 

1. 관리자모드로 로그인 후 [부가 기능 전송폼 관련 나만의 전송폼 관리]으로 이동 합니다.

 

2. [나의 폼 추가]버튼을 클릭 후 아래 그림과 같이 똑같이 입력하세요 ^^

 


위 설정 중 주의 하실점은 [우편번호 찾기]을 넣으실때 도움말을 꼼꼼히 읽어 보신 후 입력하시기 바랍니다 .

필자는 <a href="javascript:zipcode_search(3,4)">우편번호 찾기</a> 이렇게 입력하였습니다. ^^


 

3. 기본정보를 저장하고 나면 디자인 편집 화면니 나타납니다. 필자는 아래 그림처럼 "기본 디자인"을 불러오고 저장 하였습니다.

 



 

이렇게 해서 폼이 완성 되었습니다.

그럼 정상적으로 작동 되는지 테스트 해보도록 하겠습니다.

 [부가 기능 전송폼 관련 나만의 전송폼 관리] 에서 URL_CODE를 클릭하시면 완성된 화면이 나타납니다. 그럼 실제 데이타를 입력 해보세요. 그리고 [우편번호 찾기]버튼을 클릭하셔서 제대로 작동되는지 확인 하세요.

데이타를 입력 후 [확인] 버튼을 클릭해보세요.

[부가 기능 전송폼 관련 나만의 전송폼 데이타]으로 가셔서 데이타가 저장되어 있는지 확인해보시기 바랍니다.

 

4.[디자인관리 고급 디자인 관리 메인 화면 디자인] 으로 이동 후 [상단 디자인]을 선택 합니다.  

   위에서 생성한 폼의 링크주소를 아래와 같이 추가 하였습니다.

 


 

※ 추가된 HTML

<a href='/shop_contents/myreg_form.htm?myreg_code=myform1'>예약접수</a>

 

수고하셨습니다.

 

아래와 같이 상단메뉴가 나오고 등록폼이  출력된다면 미션 성공 입니다  ^^


http://myhome8.webdimo.co.kr/shop_contents/myreg_form.htm?myreg_code=myform1

 

완성 하신 분은 다음 미션으로 고고고~~~

 

 

위 미션 수행 후 덧글에 소감 한마디 남겨주세요~~~~ ^0^