Google 설문지의 기능에 고유 양식을 융합하는 방법(초보자용)
목차
· google 양식 작성
· HTML 양식 작성
· gas에 대해 알자.
· gas의 코드 작성
· 알림을 이메일로 받자.
google 양식 만들기
・ google 양식 의 사이트에

양식을 만들어 보려면 누르십시오.

이번에는 연락처 정보를 누른다.

이번에는 이름과 이메일 주소와 코멘트만을 사용합니다.

오른쪽 상단의 나사 마크를 누르면이 화면으로 가서 답변을 한 번으로 제한 확인을 해제합니다. 저장을 누릅니다.

방금 전 화면으로 돌아가서 답변을 누릅니다. 그런 다음 스프레드 시트 아이콘을 누릅니다.

이번에는 새로운 스프레드 시트를 사용합니다. 연락처 정보는 좋아하는 이름이라도 괜찮습니다.
HTML 양식 작성
이번에는 이것을 사용합니다.
index.html <form>
<div class="item">
<label class="label">名前</label>
<input class="inputs"type="text"name="name">
</div>
<div class="item">
<label class="label">メールアドレス</label>
<input class="inputs"type="email"name="mail">
</div>
<div class="item">
<label class="label">問合せ内容</label>
<textarea class="inputs" name="text"></textarea>
</div>
<div class="btn">
<input type="submit"value="送信">
</div>
</form>
html을 입력하면, 이런 느낌이 되면 괜찮습니다. (css 맞추지 않기 때문에 형태가 무너져도 괜찮습니다.)

name과 action 값을 만든 양식에서 가져옵니다.

오른쪽 상단 전송을 누릅니다.

링크 복사를 한다. 새로운 탭으로 링크를 잡는다.

여기에서 마우스 오른쪽 버튼을 클릭하고 페이지 소스 표시를 누른 다음 command+fキー
를 누르면,

이번이라면 이름과 검색하여 오른쪽에 있는 2005620554
를 복사한다.
다른 메일 주소나 코멘트의 숫자도 카피한다.
그런 다음 form action을 입력하여 https~를 복사합니다.

방금 html 양식에 입력합니다.
index.html <form action="先ほどのhttps~を入力する">
<div class="item">
<label class="label">名前</label>
<input class="inputs"type="text"name="entry.先ほどの名前の数字">
</div>
<div class="item">
<label class="label">メールアドレス</label>
<input class="inputs"type="email"name="entry.先ほどのメールアドレスの数字">
</div>
<div class="item">
<label class="label">問合せ内容</label>
<textarea class="inputs" name="entry.先ほどのコメントの数字"></textarea>
</div>
<div class="btn">
<input type="submit"value="送信">
</div>
</form>
entry.를 잊지 마세요.
그런 다음 gas 코드를 작성합니다.

스크립트 편집기를 누르십시오.

여기에
function submitForm(e){
var itemResponses = e.response.getItemResponses();
var message = '';
for (var i = 0; i < itemResponses.length; i++) {
var itemResponse = itemResponses[i];
var question = itemResponse.getItem().getTitle();
var answer = itemResponse.getResponse();
message += (i + 1).toString() + '. ' + question + ': ' + answer + '\n';
}
var address = '送信するメールアドレス';
var title = '[お問い合わせを受信しました]';
var content = '下記の内容で、お問い合わせを受信しました。\n\n' + message;
GmailApp.sendEmail(address, title, content);
}
이것을 한다.
아래 타이머를 둡니다.

오른쪽 하단의 트리거 추가를 누릅니다.
이벤트 유형을 선택 양식을 제출할 때 변경합니다.
gas에 대해서는 이것으로 괜찮습니다.

메일을 보내 이런 화면은 아니군요.
이번에는 또 하나의 html 파일을 만들어 거기로 전환하고 싶습니다. head 안에
<script type="text/javascript">
var submitted = false;
</script>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"
onload="if(submitted) {window.location='作ったhtmlファイル名';}"></iframe>
이것을 복사합니다.
이것으로 어쩌면 만든 html 파일로 천이한다고 생각합니다.
이것으로 끝입니다. 미안해!
Reference
이 문제에 관하여(Google 설문지의 기능에 고유 양식을 융합하는 방법(초보자용)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/abcshotaro616/items/359b1d31d345756fc54e
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
이번에는 이것을 사용합니다.
index.html
<form>
<div class="item">
<label class="label">名前</label>
<input class="inputs"type="text"name="name">
</div>
<div class="item">
<label class="label">メールアドレス</label>
<input class="inputs"type="email"name="mail">
</div>
<div class="item">
<label class="label">問合せ内容</label>
<textarea class="inputs" name="text"></textarea>
</div>
<div class="btn">
<input type="submit"value="送信">
</div>
</form>
html을 입력하면, 이런 느낌이 되면 괜찮습니다. (css 맞추지 않기 때문에 형태가 무너져도 괜찮습니다.)

name과 action 값을 만든 양식에서 가져옵니다.

오른쪽 상단 전송을 누릅니다.

링크 복사를 한다. 새로운 탭으로 링크를 잡는다.

여기에서 마우스 오른쪽 버튼을 클릭하고 페이지 소스 표시를 누른 다음 command+fキー
를 누르면,

이번이라면 이름과 검색하여 오른쪽에 있는 2005620554
를 복사한다.
다른 메일 주소나 코멘트의 숫자도 카피한다.
그런 다음 form action을 입력하여 https~를 복사합니다.

방금 html 양식에 입력합니다.
index.html <form action="先ほどのhttps~を入力する">
<div class="item">
<label class="label">名前</label>
<input class="inputs"type="text"name="entry.先ほどの名前の数字">
</div>
<div class="item">
<label class="label">メールアドレス</label>
<input class="inputs"type="email"name="entry.先ほどのメールアドレスの数字">
</div>
<div class="item">
<label class="label">問合せ内容</label>
<textarea class="inputs" name="entry.先ほどのコメントの数字"></textarea>
</div>
<div class="btn">
<input type="submit"value="送信">
</div>
</form>
entry.를 잊지 마세요.
그런 다음 gas 코드를 작성합니다.

스크립트 편집기를 누르십시오.

여기에
function submitForm(e){
var itemResponses = e.response.getItemResponses();
var message = '';
for (var i = 0; i < itemResponses.length; i++) {
var itemResponse = itemResponses[i];
var question = itemResponse.getItem().getTitle();
var answer = itemResponse.getResponse();
message += (i + 1).toString() + '. ' + question + ': ' + answer + '\n';
}
var address = '送信するメールアドレス';
var title = '[お問い合わせを受信しました]';
var content = '下記の内容で、お問い合わせを受信しました。\n\n' + message;
GmailApp.sendEmail(address, title, content);
}
이것을 한다.
아래 타이머를 둡니다.

오른쪽 하단의 트리거 추가를 누릅니다.
이벤트 유형을 선택 양식을 제출할 때 변경합니다.
gas에 대해서는 이것으로 괜찮습니다.

메일을 보내 이런 화면은 아니군요.
이번에는 또 하나의 html 파일을 만들어 거기로 전환하고 싶습니다. head 안에
<script type="text/javascript">
var submitted = false;
</script>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"
onload="if(submitted) {window.location='作ったhtmlファイル名';}"></iframe>
이것을 복사합니다.
이것으로 어쩌면 만든 html 파일로 천이한다고 생각합니다.
이것으로 끝입니다. 미안해!
Reference
이 문제에 관하여(Google 설문지의 기능에 고유 양식을 융합하는 방법(초보자용)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/abcshotaro616/items/359b1d31d345756fc54e
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<form action="先ほどのhttps~を入力する">
<div class="item">
<label class="label">名前</label>
<input class="inputs"type="text"name="entry.先ほどの名前の数字">
</div>
<div class="item">
<label class="label">メールアドレス</label>
<input class="inputs"type="email"name="entry.先ほどのメールアドレスの数字">
</div>
<div class="item">
<label class="label">問合せ内容</label>
<textarea class="inputs" name="entry.先ほどのコメントの数字"></textarea>
</div>
<div class="btn">
<input type="submit"value="送信">
</div>
</form>
function submitForm(e){
var itemResponses = e.response.getItemResponses();
var message = '';
for (var i = 0; i < itemResponses.length; i++) {
var itemResponse = itemResponses[i];
var question = itemResponse.getItem().getTitle();
var answer = itemResponse.getResponse();
message += (i + 1).toString() + '. ' + question + ': ' + answer + '\n';
}
var address = '送信するメールアドレス';
var title = '[お問い合わせを受信しました]';
var content = '下記の内容で、お問い合わせを受信しました。\n\n' + message;
GmailApp.sendEmail(address, title, content);
}
<script type="text/javascript">
var submitted = false;
</script>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"
onload="if(submitted) {window.location='作ったhtmlファイル名';}"></iframe>
Reference
이 문제에 관하여(Google 설문지의 기능에 고유 양식을 융합하는 방법(초보자용)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/abcshotaro616/items/359b1d31d345756fc54e텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)