質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

受付中

Googleフォームを使用したお問い合わせフォーム作成について

mariueda
mariueda

総合スコア0

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

1回答

0評価

2クリップ

693閲覧

投稿2020/05/12 00:52

Googleフォームを独自デザインにしてホームページに埋め込もうとしています。
htmlとcssでデザインを作成してHTMLのフォームに反映したのですが、Googleフォームの完了画面に遷移されません。
なぜかGoogleフォームのお問い合わせ画面へ遷移します。書き方が問題なのでしょうか。
ちなみに送信前に確認画面を設けています(確認画面はJavaScriptで作成しています)

html

<form action="https://docs.google.com/forms/u/0/d/e/xxxxxxxxxx"> <div class="contact_txt"> <p>お問い合わせ内容を選択してください<span>*</span> </p> <!-- 項目1 --> <div class="radio-wrap"> <!-- <input id="radio1" type="radio" name="entry.xxxxxxxxx" value="radiobtn"> <label for="radio1" style> --> <label><input type="radio" name="entry.xxxxxxxxx" class="filled-in" value="チェックボックスA" checked /> <span>項目1</span> </label> <!-- ///項目1 --> <!-- 項目2 --> <!-- <input id="radio2" type="radio" name="entry.xxxxxxxxx" value="radiobtn"> <label for="radio2" style> --> <label><input type="radio" name="entry.xxxxxxxxx" class="filled-in" value="チェックボックスB" checked /> <span>項目2</span> </label> <!-- ///項目2 --> <!-- 項目3 --> <!-- <input id="radio3" type="radio" name="entry.xxxxxxxxx" value="radiobtn"> <label for="radio3" style> --> <label><input type="radio" name="entry.xxxxxxxxx" class="filled-in" value="チェックボックスB" checked /> <span>項目3</span> </label> <!-- ///項目3 --> </div> <!-- contact --> <div class="contact-form"> <div class="item1"> <label class="label" for="name" name="name">名前<span>*</span></label> <input id="name" type="text" name="entry.xxxxxxxxx"> </div> <div class="item2"> <label class="label" for="name" name="name">フリガナ<span>*</span></label> <input id="furigana" type="text" name="entry.xxxxxxxxx"> </div> <div class="item"> <label class="label" for="e-mail">メールアドレス<span>*</span></label> <input id="email" type="text" name="entry.xxxxxxxxx"> </div> <div class="item3"> <label class="label" for="tel">電話番号<span>*</span></label> <input id="tel" type="text" name="entry.578734601"> </div> <div class="item"> <label class="label" for="message">お問い合わせ内容</label> <textarea id="message" rows="12" cols="80" placeholder="" name="entry.xxxxxxxxx"></textarea> </div> <div class="submit-wrap"> <input type="submit" name="confirmation" value="確 認"> <a href="#cd_6"> <input type="button" value="戻る" class="autoConfirmBack" style="display:none;"> </a> </div> <p><span>*</span>入力必須項目です。</p> <!-- </form> --> </div> </div> </form> <!-- ///contact -->

css

.contact_main_sp { display: none; } .contact { text-align: center; background-color: #F7F7F7; padding-bottom: 5%; margin-bottom: -5%; } .contact .title { padding-top: 3%; padding-bottom: 3%; } .contact1 { padding-top: 3%; padding-bottom: 3%; } .contact_txt { color: #06264D; } .contact_txt span { color: #FF0D7D; /* margin-left: .5%; */ } .contact_txt_sp span { color: #FF0D7D; /* margin-left: .5%; */ } .contact_txt_sp input[type="radio"] { margin-top: 2%; margin-bottom: 2%; } .radio-wrap { margin-top: 2%; margin-bottom: 2%; } .radio-wrap label { margin-right: 4%; } .radio-wrap span { color: #656363; } .contact-form { /* border: 1px solid #ccc; */ padding: 10px; font-size: 13px; /* font-family: sans-serif; */ } /* item1 */ .contact-form .item1 { display: block; overflow: hidden; margin-bottom: 10px; } .contact-form .item1.no-label { padding: 5px 0px 5px 60px; } .contact-form .item1 .label { float: left; padding: 5px; margin: 0; margin-left: 32%; } .contact-form .item1 .radio-group { padding: 5px 0px 5px 60px; } .contact-form .item1 input[type=text], .contact-form .item1 input[type=email], .contact-form .item1 textarea { display: block; margin-left: 40%; /* margin-left: 37%; */ width: 35%; padding: 5px; border: 1px solid #ccc; box-sizing: border-box; font-size: 13px; } .contact-form .item1 ::placeholder { color: #ccc; } .contact-form .item1 textarea { outline: none; border: 1px solid #ccc; resize: vertical; } /* ///item1 */ /* item2 */ .contact-form .item2 { display: block; overflow: hidden; margin-bottom: 10px; } .contact-form .item2.no-label { padding: 5px 0px 5px 60px; } .contact-form .item2 .label { float: left; padding: 5px; margin: 0; margin-left: 30%; } .contact-form .item2 .radio-group { padding: 5px 0px 5px 60px; } .contact-form .item2 input[type=text], .contact-form .item2 input[type=email], .contact-form .item2 textarea { display: block; margin-left: 40%; /* margin-left: 37%; */ width: 35%; padding: 5px; border: 1px solid #ccc; box-sizing: border-box; font-size: 13px; } .contact-form .item2 ::placeholder { color: #ccc; } .contact-form .item2 textarea { outline: none; border: 1px solid #ccc; resize: vertical; } /* ///item2 */ /* item3 */ .contact-form .item3 { display: block; overflow: hidden; margin-bottom: 10px; } .contact-form .item3.no-label { padding: 5px 0px 5px 60px; } .contact-form .item3 .label { float: left; padding: 5px; margin: 0; margin-left: 30%; } .contact-form .item3 .radio-group { padding: 5px 0px 5px 60px; } .contact-form .item3 input[type=text], .contact-form .item3 input[type=email], .contact-form .item3 textarea { display: block; margin-left: 40%; /* margin-left: 37%; */ width: 35%; padding: 5px; border: 1px solid #ccc; box-sizing: border-box; font-size: 13px; } .contact-form .item3 ::placeholder { color: #ccc; } .contact-form .item3 textarea { outline: none; border: 1px solid #ccc; resize: vertical; } /* ///item3 */ .contact-form .item { display: block; overflow: hidden; margin-bottom: 10px; } .contact-form .item.no-label { padding: 5px 0px 5px 60px; } .contact-form .item .label { float: left; padding: 5px; margin: 0; margin-left: 27%; } .contact-form .item .radio-group { padding: 5px 0px 5px 60px; } .contact-form .item input[type=text], .contact-form .item input[type=email], .contact-form .item textarea { display: block; margin-left: 40%; /* margin-left: 37%; */ width: 35%; padding: 5px; border: 1px solid #ccc; box-sizing: border-box; font-size: 13px; } .contact-form .item ::placeholder { color: #ccc; } .contact-form .item textarea { outline: none; border: 1px solid #ccc; resize: vertical; } .contact_txt_sp { display: none; } input[type='submit'] { border: 1px solid #707070; display: block; width: 100%; max-width: 190px; padding: 10px; border-radius: 10px; background-color: #F7F7F7; color: #06264D; font-weight: bold; font-size: 1.2rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; margin: 2% auto; } input[type='button'] { border: 1px solid #707070; display: block; width: 100%; max-width: 190px; padding: 10px; border-radius: 10px; background-color: #06264D; color: #ffff; font-weight: bold; font-size: 1.2rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; margin: 2% auto; } .input { color: #06264D; }

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。