Tag: フォーム

Googleフォームは簡単に使えるフォーム作成ツールですが、オリジナルデザインの問い合わせフォームとして利用したい場合には、Googleフォームから必要な情報を抽出して、自分のHTMLフォームに反映させる方法があります。今回は、Googleフォームのリンクと項目のnameプロパティを取得し、カスタマイズしたHTMLフォームに埋め込む手順をご紹介します。 手順1: Googleフォームのリンクを取得する Googleフォームにデータを送信するには、Googleフォームの正確なリンクを取得する必要があります。 手順2: 各項目のnameプロパティを取得する 次に、フォームの各入力項目に対応するnameプロパティを取得します。 手順3: カスタムHTMLフォームを作成する 必要な情報を取得できたら、カスタマイズしたHTMLフォームに組み込みます。以下にHTMLとCSSのサンプルコードを示します。 HTMLコード <p style=”text-align: center; margin: 30px 0″>ご質問・ご要望がございましたらお気軽にお問い合わせください。</p><form class=”custom-form” action=”この部分に作成したGoogleフォームの内容を記載します。” method=”POST”>

Continue reading