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

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

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

Cloud9は、クラウドからのプログラミングが可能になるWebサービス。IDEとしての機能が搭載されており、GitHubやHerokuなど他ツールとの連携も可能です。ブラウザ上で動くため、デバイスに関係なく開発環境を準備できます。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

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

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

HTML

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

Q&A

0回答

996閲覧

AWSのcloud9でhtmlで入力フォームと確認画面を作成したのですがプレビューで入力内容が反映されませんので解決をお願い致します。

退会済みユーザー

退会済みユーザー

総合スコア0

Cloud9

Cloud9は、クラウドからのプログラミングが可能になるWebサービス。IDEとしての機能が搭載されており、GitHubやHerokuなど他ツールとの連携も可能です。ブラウザ上で動くため、デバイスに関係なく開発環境を準備できます。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

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

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

HTML

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

0グッド

0クリップ

投稿2021/03/05 16:55

AWSのcloud9でhtmlで入力フォームと確認画面を作成したのですがプレビューで入力内容が反映されませんので解決をお願い致します。

index.htmlファイル

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>お問い合わせフォーム</title> <script type="text/javascript" src="contact.js"></script> </head> <body> <div> <form action="index2.html" method="post"> <h1 class="contact-title">お問い合わせ 内容入力</h1> <p>お問い合わせ内容をご入力の上、「確認画面へ」ボタンをクリックしてください。</p> <div> <div> <label>お名前<span>必須</span></label> <input type="text" name="name" placeholder="例)山田太郎" value=""> </div> <div> <label>ふりがな<span>必須</span></label> <input type="text" name="furigana" placeholder="例)やまだたろう" value=""> </div> <div> <label>メールアドレス<span>必須</span></label> <input type="text" name="email" placeholder="例)guest@example.com" value=""> </div> <div> <label>性別<span>必須</span></label> <input type="radio" name="sex" value="男性" checked> 男性 <input type="radio" name="sex" value="女性"> 女性 </div> <div> <label>問題?<span>必須</span></label> <textarea name="question" rows="5" placeholder="例)私の好きな色は何色でしょうか?"></textarea> </div> <div> <label>答え<span>必須</span></label> <input type="text" name="answer" placeholder="例)黄色" value=""> </div> <form> <label>ギフト<span>必須</span></label> <input type="file" name="image" required> </form> </div> <button type="submit"><a href="index2.html">確認画面へ</a></button> </form> </div> </body> </html>

index2.html

<html lang="ja"> <head> <meta charset="UTF-8"> <title>お問い合わせフォーム</title> <script type="text/javascript" src="contact.js"></script> </head> <body> <div> <form action="index.html" method="post"> <input type="hidden" name="name" value="<?php echo $name; ?>"> <input type="hidden" name="furigana" value="<?php echo $furigana; ?>"> <input type="hidden" name="email" value="<?php echo $email; ?>"> <input type="hidden" name="sex" value="<?php echo $sex; ?>"> <input type="hidden" name="question" value="<?php echo $question; ?>"> <input type="hidden" name="answer" value="<?php echo $answer; ?>"> <input type="hidden" name="image" value="<?php echo $image; ?>"> <h1 class="contact-title">お問い合わせ 内容確認</h1> <p>お問い合わせ内容はこちらで宜しいでしょうか?<br>よろしければ「送信する」ボタンを押して下さい。</p> <div> <div> <label>お名前</label> <p><?php echo $_POST['name']; ?></p> </div> <div> <label>ふりがな</label> <p><?php echo $furigana; ?></p> </div> <div> <label>メールアドレス</label> <p><?php echo $email; ?></p> </div> <div> <label>性別</label> <p><?php echo $sex ?></p> </div> <div> <label>問題</label> <p><?php echo $question; ?></p> </div> <div> <label>答え</label> <p><?php echo $answer); ?></p> </div> <div> <label>ギフト</label> <p><?php echo $image; ?></p> </div> </div> <input type="button" value="内容を修正する" onclick="history.back(-1)"> <button type="submit" name="submit"><a href="index3.html">送信する</a></button> </form> </div> </body> </html>

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問