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

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

新規登録して質問してみよう
ただいま回答率
87.20%
Google フォーム

Google フォームは、 Google社が提供しているアンケートフォーム作成および集計ができる無料のツール。Googleアカウントがあれば利用が可能です。集計データは、スプレッドシートに収集され、データ分析もできます。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

HTML

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

CSS

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

解決済

Googleformをデザインしてみたが、

tamin
tamin

総合スコア10

Google フォーム

Google フォームは、 Google社が提供しているアンケートフォーム作成および集計ができる無料のツール。Googleアカウントがあれば利用が可能です。集計データは、スプレッドシートに収集され、データ分析もできます。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

HTML

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

CSS

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

1回答

0評価

0クリップ

167閲覧

投稿2022/06/26 11:16

Google forms をhtmlとcssでデザインし直して見たのですが、作動しません。送信完了ページには移動します。何かミスなどありますでしょうか?コードが汚いのは初心者なので気にしないで下さると助かります。

html

<script src="https://www.google.com/recaptcha/api.js"></script> <div class="cp_iptxt"> <form action="https://docs.google.com/forms/u/3/d/e/1FAIpQLScrcw6cHGDUXTRU6xHxCKDMDWhfefsuhaYKZw4RSuMwAwHMBw/formResponse method=" post"="" target="hidden_iframe" onsubmit="submitted=true;" class="c-form"> <div class="form-group"> <label for="exampleInputEmail1">メールアドレス</label><br> <input name="entry.1825945873" type="email" class="form-control" id="exampleInputEmail1" placeholder="Email" required=""> </div><br> <div class="form-group"> <label for="exampleInputEmail1">お問い合わせタイトル</label><br> <input name="entry.819810545" type="text" class="form-control" id="exampleInputEmail1" placeholder="Title" required=""> </div><br> <label for="exampleInputEmail1">お問い合わせ内容</label><br> <textarea name="entry.1832533717" class="form-control" rows="3" required="" placeholder="Content"></textarea><br><br> <div class="g-recaptcha" data-callback="onSubmit" data-sitekey="6Lc#####AG4Q-zsl6BVm3E1zS#####wTompP" theme="dark"></div> <!-- 送信ボタンのデフォルトをdisaledにする --> <button type="submit" class="submit-button" disabled="">送信</button> </form> <script> function onSubmit(recaptcha) { if (recaptcha !== ''){ // reCAPTHAによるチェックをしたあとは送信ボタンを押せるようにする $('.submit-button').removeAttr('disabled'); } } </script> <iframe name="hidden_iframe" id="hidden_iframe" style="display: none" onload="if(submitted){window.location='/complete.html';}"></iframe> <script type="text/javascript"> jQuery(function($){ $( '.g-recaptcha' ).attr( 'data-theme', 'dark' ); }); </script></div> <style> input { box-sizing: border-box; width: 100%; padding: 0.3em; transition: 0.3s; letter-spacing: 1px; color: #fff; border: none; border-bottom: 2px solid #ffffff; background: transparent; } input:focus { border-bottom: 2px solid #8277ff; outline: none; } textarea { box-sizing: border-box; width: 100%; padding: 0.3em; transition: 0.3s; letter-spacing: 1px; color: #fff; border: none; border-bottom: 2px solid #ffffff; background: transparent; } textarea:focus { border-bottom: 2px solid #8277ff; outline: none; } button { width: 80%; height: 50px; border: 2px solid #8277ff; background: transparent; color: white; transition: 0.5s; } button:disabled { width: 0%; height: 0px; border: 0px solid #fff; color: transparent } </style>

良い質問の評価を上げる

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

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

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

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

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

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

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

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

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

ho-ta-te

2022/06/29 08:58

>作動しません どこが作動しないのか、求めている動きは何なのかの記載をお願いします。 ソースをパッと見た感じだと下記が気になりました。 ・formタグのactionが閉じられていない(終わりのダブルクォーテーションがない) ・formタグのmethodの記述がおかしい
tamin

2022/06/30 11:48

ありがとう御座います。 お教え頂いた2つの項目を修正したら無事、送信できていました。 これからもいろいろな質問あるかと思いますが、その時はまたよろしくお願い致します。

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

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

Google フォーム

Google フォームは、 Google社が提供しているアンケートフォーム作成および集計ができる無料のツール。Googleアカウントがあれば利用が可能です。集計データは、スプレッドシートに収集され、データ分析もできます。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

HTML

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

CSS

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