참고: * How to style Google Forms http://morning.am/tutorials/how-to-style-google-forms/ * 구글폼 페이지 생성기: http://sneakysheep.com/google-docs-form-tool-version-2/ ====== 구글폼 테마 수정하기 ====== 1. 구글폼 링크 https://docs.google.com/forms/d/1efIOtSpCeU7Mzr85_Jg_-soAKh-zQXFFJBIWayC_DZ8/viewform 2. 구글폼 소스에서 을 복사한다. 3. 완료 페이지 주소 수정하기.

를

로 바꾸기. 구글폼의 기본 타켓을 숨겨진 iframe으로 보내고. 끝날때 보이고 싶은 링크는 http://YOUR-THANK-YOU-PAGE-URL로 정한다. 4. 예제 페이지









성함

*
성함을 적어주세요


필수 질문입니다.
 

연락처(휴대폰)

*
연락받으실 연락처를 남겨주세요.


필수 질문입니다.
 

문의사항

궁금하신 내용을 적어주세요.


필수 질문입니다.









Google 설문지를 통해 비밀번호를 제출하지 마세요.

---- ---- 5. jquery validate form을 그냥 복사하면 필수 항목의 처리가 안된다. 그래서 jquery.validate.js를 이용하여 필수 항목을 처리를 하자. http://morning.am/tutorials/google-forms-and-jquery-validation/

6. form에 commentForm id를 추가. 왜?

7. input 필드에 required class를 추가

8. required input 필드에 title로 validate 에러 메시지 적기

9. error 메시지 css 추가


label.error {
display: list-item;
color: #ff0600;
font-size: 12px;
list-style-position: inside;
padding: 5px 0 0;}

10. Email validate 체크