はじめに

Googleフォームといえば、誰でも簡単にアンケートを作成できて、データを収集できるすばらしいサービスです。

Googleが提供しているフォームをそのまま使うのもいいですが、例えばお客様向けの問い合わせフォームを作成したい場合や自社サービスの一環としてフォームを使用する場合など、見た目をおしゃれにできたらいいと思いませんか？

実は、Googleフォームとhtml/cssを組み合わせて使うことで、こんなフォームを簡単に作成できます。

ぱっと見ではGoogleフォームだと分からないですよね。

作り方はざっくりこんな感じ。

1. Googleフォームを作る
2. htmlでフォームを書く
3. cssでおしゃれなデザインにする
4. Googleフォームとhtmlを紐づける

ステップごとに説明していきます。

①Googleフォームを作る

まずは普通にGoogleフォームを作成します。

Googleドライブの任意の場所で右クリック、「Googleフォーム」を選択します。

今回はお客様からの問い合わせを受け付けるフォームを作成していきます。

こんな感じで、よく見るGoogleフォームができました。

次回はhtmlで独自のフォームを書いてみましょう。