GoogleフォームをHTML、CSSでカスタマイズして、デザインを変更しようとしています。
手順としては、まずはGoogleフォームを作成してから、Googleフォームの「action属性」や「name属性」をもとにhtmlファイルを作成しました。
しかし、このhtmlファイルをブラウザで見て、回答を送信しても、Googleフォームの方では受け取れませんでした。回答が送信されないのです。(もちろん、htmlファイルではなく、Googleフォームから回答を送信する場合は回答を受け取れます)
自分で検証したところ、「添付ファイル」という項目がない場合はhtmlファイルからでも回答を受け取れるのですが、「添付ファイル」という項目をつけると回答が送信されないことが判明しました。
「添付ファイル」の項目の部分のhtmlに問題がありそうだ、ということがわかったのですが、その先がわかりませんでした。
添付ファイルのname属性も「name="entry.1567239166"」で合っているはずです。(https://www.tsukimi.net/chrome-developer-tools_post.html)←この記事の方法で添付ファイルのname属性を抽出しました。
「添付ファイル」の項目の部分のhtmlに問題がありそうなのですが、このhtmlファイルから回答を受け付けるにはどのようにコードを書き換えればよろしいのでしょうか?
申し訳ございませんが、どなたか助けていただけないでしょうか?
htmlファイルはこちらです。
html
1<!DOCTYPE HTML> 2<head> 3<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4<title>ご意見・ご感想</title> 5<style type="text/css"> 6 7</style> 8</head> 9 10<body> 11 12 <table width="856" border="0" align="center" cellpadding="0" cellspacing="0"> 13 <tbody><tr> 14 <td bgcolor="#DADADA" align="center"><table width="100%" border="0" cellpadding="14" cellspacing="1"> 15 <tbody><tr bgcolor="#EEEEEE"> 16 <td width="25%" valign="middle" nowrap="nowrap" bgcolor="#F6F6F6"> 17 ご意見・ご感想 18 </td> 19 <td valign="middle" bgcolor="#FFFFFF"> 20 <textarea name="entry.2076041600" cols="70" rows="6" required="required"></textarea> 21 </td> 22 </tr> 23 24 <tr bgcolor="#EEEEEE"> 25 <td width="25%" valign="middle" nowrap="nowrap" bgcolor="#F6F6F6"> 26 お名前 27 </td> 28 <td valign="middle" bgcolor="#FFFFFF"> 29 <input type="text" name="entry.1871912088" size="50" value="" required="required"> 30 </td> 31 </tr> 32 33 <tr bgcolor="#EEEEEE"> 34 <td width="25%" valign="middle" nowrap="nowrap" bgcolor="#F6F6F6"> 35 卒業年・所属等 36 </td> 37 <td valign="middle" bgcolor="#FFFFFF"> 38 <input type="text" name="entry.1983378776" size="50" value="" required="required"> 39 </td> 40 </tr> 41 42 <tr bgcolor="#EEEEEE"> 43 <td width="25%" valign="middle" nowrap="nowrap" bgcolor="#F6F6F6"> 44 メールアドレス 45 </td> 46 <td valign="middle" bgcolor="#FFFFFF"> 47 <input type="text" name="entry.929359608" size="50" value="" required="required"> 48 </td> 49 </tr> 50 51 <tr bgcolor="#EEEEEE"> 52 <td width="25%" valign="middle" nowrap="nowrap" bgcolor="#F6F6F6"> 53 公開の可否 54 </td> 55 <td valign="middle" bgcolor="#FFFFFF"> 56 57 <label><input type="radio" name="entry.981015652" value="可能" required="">可能</label><br> 58 <label><input type="radio" name="entry.981015652" value="不可">不可</label> 59 60 </td> 61 </tr> 62 <tr bgcolor="#EEEEEE"> 63 <td width="25%" valign="middle" nowrap="nowrap" bgcolor="#F6F6F6"> 64 添付ファイル 65 </td> 66 <td valign="middle" bgcolor="#FFFFFF"> 67 <input type="file" name="entry.1567239166" size="30" value=""><br> 68 ※複数の添付ファイルがある場合は1つのファイルにまとめて、 必ず圧縮 (zip、 lzh、 sit形式) を<br> 69 かけて送信してください。<br> 70 ※圧縮ファイル名に、 半角記号の 「/ (スラッシュ)」 「* (アスタリスク)」 「¥ (円マーク)]」 が<br> 71 入っていた場合、 正常にファイルが送信されないおそれがありますのでご注意ください。 72 </td> 73 </tr> 74 75 </tbody></table></td> 76 </tr> 77 </tbody></table> 78 <br> 79 <table width="400" border="0" align="center" cellpadding="0" cellspacing="0"> 80 <tbody><tr> 81 <td align="center"><input type="submit" value="送信する"> 82 </td> 83 </tr> 84 </tbody></table> 85 </form> 86 <script type="text/javascript">var submitted = false;</script> 87 <iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted){window.location='https://teratail.com/';}"></iframe> 88 89<!-- メールフォームここまで --> 90 91</body> 92</html> 93
送信後はterateilのページへ戻るようになっています。
あなたの回答
tips
プレビュー