Googleフォームを埋め込まずに使いたい

Question

前提・実現したいこと

HPにフォームをつけたいのですが、初心者ゆえgoogleフォームを使いたいと思っています。
しかし埋め込みだと見栄えがよくない...
そこでこちらの記事を参考にHTML,CSSでデザインを作り、裏でgoogleフォームが動く？ようにしました。
https://qiita.com/sota6412/items/fa077cbf820faca30598

しかし送信ボタンを押してもうまく作動しません。
この方法に問題があるのか、ボタンに問題があるのかわかりません。解決する方法はありますか？

該当のソースコード

HTML

<form action="https://docs.google.com/forms/u/1/d/e/1FAIpQLSdg5eUmHfywZQiVIbbTR6cFPGagfJvCEdpjtTErlr2bG_KfKg/formResponse" method="post">
 <label for="text">お名前
  <input type="text" class="form-control" id="name" name="entry.439959436" required/></label><br><br>
  <label for="email">メールアドレス
  <input type="email" class="form-control" id="email" name="entry.624384044" required/></label><br><br>
  <label for="radio">業種<br>
  <input type="radio" class="form-contro" placeholder="" id="radio-a" name="entry.2086414071" value="介護関係" style="display:inline-block;" checked/><label for="radio-a">　介護関係者</label>
  <input type="radio" class="form-contro" placeholder="" id="radio-b" name="entry.2086414071" value="医療関係" style="display:inline-block;"><label for="radio-b">　医療関係者</label><br><br><br></label>
  <div class="col-md-9 col-md-offset-3">
   <a class="btn btn-primary" type="submit" name="button" value="送信">送信</a>
  </div>
</form>

Comments

[deadjupiter]

<a type="submit"> って何？

[KyokoKawamoto]

a が不適切だったようです。ご指摘ありがとうございます。

Answer 1

kszk311さんのアンサーの通りaタグはリンクで不適切でした。
フォームを送信するためにbuttonを使用しました。

変更後もフォームの送信ができなかったのですが、
formタグの method="post"　が不要だったようです。

無事に送信することができました。
ご回答いただきありがとうございました。

Answer 2

aタグはリンクです。
フォームを送信するためには、フォーム部品であるinputかbuttonにする必要があります。
今ではbuttonの方がいいですかね。

<button class="btn btn-primary" type="submit" name="button" value="送信">送信</button>

Comments

[退会済みユーザー]

この方法、ある日突然使用できなくなりそうだけど、大丈夫なんですかね＾＾；

[kszk311]

確かに、いずれ使えなくなりそうな気もしますね。
現状これでできてしまうってところがまた…。

[KyokoKawamoto]

そうなんですね。googleフォームを使用するのがまずい、ということでしょうか？

[退会済みユーザー]

いえ、google の指定している方法以外の使い方がまずいです。

POST 投稿に対して一般的に行われるセキュリティ対策を google 側で実施すると、使えなくなります。
google のことなんで、「対策が漏れている」というよりは、「何らかの意図があって、この方法でも使えるようにしている」と考えられますが、もしその意図が実験の一環だった場合は、実験終了とともにある日突然使用できなくなります。

個人的には、素直に「iframe」で埋め込むことをオススメします。

[kszk311]

正直なところをいうと、Googleフォームを使う理由が「初心者だから」という理由なら、フォームを自分で組めるようになった方が何かといいかなと思います…。
Googleフォームのこの機能を使いたい、こう管理していきたいとかの理由があれば別ですが。

[KyokoKawamoto]

お二人ともご回答ありがとうございます。
素直に埋め込むか、自分でフォームを組めるようになった方が良さそうですね...
勉強になりました。ありがとうございました！