実現したいこと
GoogleフォームをHTMLで作成したフォームと紐づけしてHTNLのフォームから問い合わせできるようにしたい。
前提
こちらのサイトを参考に
GoogleフォームをHTMLで作成したフォームと紐づけしてHTNLのフォームから問い合わせできるようにしたのですが
添付ファイルを受け付けるinput type="file"があると問い合わせ内容がGoogleフォームにとどきません。
どうすれば問い合わせ内容がGoogleフォーム届くようになるでしょうか?
ご教授お願いします。
発生している問題・エラーメッセージ
添付ファイルを受け付けるinput type="file"があると問い合わせ内容がGoogleフォームにとどきません。
エラーメッセージ
なし
該当のソースコード
◆Googleフォーム
https://docs.google.com/forms/d/e/1FAIpQLScE7e3DDSP1iMGi-wyb58_xXhzJisZNFfsiLiWivd4OzGZfrw/viewform
◆HTMLフォーム
コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <form action="https://docs.google.com/forms/u/0/d/e/1FAIpQLScE7e3DDSP1iMGi-wyb58_xXhzJisZNFfsiLiWivd4OzGZfrw/formResponse" class="contact" method="post" target="hidden_iframe" onsubmit="submitted=true;" > <div class="contact__list"> <div class="contact__item"> <input type="text" name="entry.871136007" id="name" placeholder="お名前" required /> </div> <div class="contact__item"> <input type="email" name="entry.2031352670" id="email" placeholder="sample@gmail.com" required /> </div> <div class="contact__item"> <input type="text" name="entry.1839394328" id="tel" placeholder="電話番号" required /> </div> <div class="contact__item"> <input type="text" name="entry.2000711719" id="address" placeholder="住所" required /> </div> <div class="contact__item"> <input type="radio" name="entry.2108875232" value="男">男<br> <input type="radio" name="entry.2108875232" value="女">女<br> </div> <div class="contact__item"> <input type="file" name="entry.817841042"> </div> </div> <div class="submit-btn"> <input type="submit" value="送信"/> </div> </form> <script type="text/javascript"> var submitted = false; </script> <iframe name="hidden_iframe" id="hidden_iframe" style="display: none" onload="if(submitted) {window.location='thanks.html';}" ></iframe> </body> </html>
試したこと
同じような質問があったのですが、こちらの方法で調べても出てくるname属性の値は同じだったので解決にはいたらなかったです。
https://teratail.com/questions/360178
0 コメント