2021-08-17 (127일차) 이메일 발송 폼(FORM), formspree 사용방법

  자바스크립트와 제이쿼리 99강  (이메일 발송 폼)

https://codepen.io/jangka44/pen/ZEKNxqZ

 

 

formspree 사이트 주소

 

- 이메일 발송폼 만드는 방법

  Formspree사이트 회원가입 후, 이메일 인증까지 완료

  new form 클릭

  form name : 포트폴리오 연락처

  project : A NEW Project

  send emails to : 나의 이메일 주소

  ↓

  html 코드 복사해서 넣으면 끝

  (label부분은 굳이 필요 X)

 

---

 

- <form>

  : ≒편지지

  action="받는사람 주소"

  method="전송방식" (post 주로 사용)

 

- <input>

  : 한 줄 입력창 (닫는태그 X)

  type="작성방식"

           ex) text, email

  placeholder="초기에 입력되어있을 내용"

  autofocus : 초기에 자동으로 커서가 잡혀있는 상태를 만들어줌

 

- <textarea>

  : 두 줄 이상 작성 가능한 입력창

 

- <button>

  type="버튼유형"

  ㄴ 기본값 : submit (생략가능)

  일반버튼을 만들고 싶다면 type="button"

 

※ 주의사항

<input type="email" name"_replyto" placeholder="이메일을 입력하시오.">

<textarea name="message"></textarea>

빨간색으로 표시된 부분은 절대 수정하면 안 된다. (서버쪽 문제)

 

 

중간쯤부터는 고난이도이기 때문에.. 포폴 작업 때 다시 보기!