html予約フォームから入力したデータをグーグルフォームに反映させたい

Question

htmlで入力した予約フォーム（日付・時刻）をGoogleフォームの項目（日付・時刻）に反映させたいのですが、
送信ボタンを押すと
「画面にエラーが発生しました。」
と表示されます。
原因と解決策を教えてください。

<form class="w-75 mx-auto" action="https://docs.google.com/forms/d/e//formResponse" method="post">

        <p class="mt-3">ご予約の方は以下の項目を入力し、送信を押してください</p>

        <p class="mt-3">氏名</p>
        <input class="form-control w-100 mt-1" name="entry.1738447467" maxlength="10" type="text" value="" required>

        <p class="mt-3">日付</p>
        <div>
            <input class="form-control w-100 mt-1" name="entry.2_year,entry.2_month,entry.2_day" maxlength="10" type="date" required>

        </div>
        <p class="mt-3">時刻</p>
        <input class="form-control w-100 mt-1" name="entry.1_hour,entry.1_minute" maxlength="10" type="time" value="09:00" required>

        <p class="mt-3">電話番号</p>
        <input class="form-control w-100 mt-1" name="entry.4" maxlength="13" type="text" value="">

        <p class="mt-3">メールアドレス</p>
        <input class="form-control w-100 mt-1" name="entry.6" maxlength="30" type="text" value="">

        <p class="mt-3">ご要望</p>
        <textarea class="form-control w-100 mt-1" rows="4" name="entry.8" maxlength="10" type="textarea" value="">        </textarea>

        <input type="submit" class="mt-4 btn btn-primary" value="送信">
    </form>

◆試したこと
・日付と時刻をコメントアウトして送るとデータはグーグルフォームに反映されました。
・日付と時刻はentry.が複数あるので、「entry.&&entry」,「entry. entry.」など試してみましたが同様のエラーが発生しました。

Answer 1

nameに複数項目名を指定することができないからでは。
個別にinput用意するか、1つで受け取るentryを1つ用意するか　のどちらかだと思います。

ちょっと調べた感じ、個別にinput用意している記事のほうが多く見つかりました。

Comments

[HYoshitaka]

ご回答ありがとうございます。
個別にinput用意している記事を見つけようと検索してみましたが、想定している記事に出会えませんでした、どのように検索すれば見つかるでしょうか？

[m.ts10806]

単純に3つあるなら3つにするだけです。

<input class="form-control w-100 mt-1" name="entry.2_year" maxlength="4" type="text" required>
/
<input class="form-control w-100 mt-1" name="entry.2_month" maxlength="2" type="text" required>
/
<input class="form-control w-100 mt-1" name="entry.2_day" maxlength="2" type="text" required>

単純に分けただけなので、Google側の設定との整合性はとってくださいね。それより下記でリクエストして受け取る設定方法探ったほうが楽に思いますが。
<input class="form-control w-100 mt-1" name="entry.2_date" type="date" required>

Answer 2

input タグの name属性には、複数の名前を入れることはできないと思います。
それぞれの名前で別々の input タグにしたらエラーは無くならないでしょうか？

また、name 属性は、entry.1738447467のような entry. に数字のID になっていると思いますが、Googleフォームで指定されている正しいものを設定されていますか？

Comments

[HYoshitaka]

ご回答ありがとうございます。
別々のinputタグというのは

<input class="form-control w-100 mt-1" name="entry.1_hour" maxlength="10" type="time" value="09:00" required>
<input class="form-control w-100 mt-1" name="entry.1_minute" maxlength="10" type="time" value="09:00" required>

ということでしょうか？
これだと確かにエラーはおこりませんが、入力目線に立つと少し不格好になってしまいます。
可能なら日付と時間の入力フォームは１つずつに収めたいです。