• ベストアンサー

フォームから入力すると、入力内容がブラウザ画面に反映する仕組み

フォームから入力すると、入力内容がブラウザ画面にテキストとして反映する仕組みを作りたいと考えています。 ただし、Web上のサーバーにアップロードせず、ローカルでhtmlファイルを開いて使用する前提です。 たとえば「クリスマス」とテキストエリアに入力してボタンを押すと、テキストがテキストエリアの下に表示され、 続いて「サンタクロース」とテキストエリアに入力してボタンを押すと、「クリスマス」の下に「サンタクロース」が表示される・・・といった次第です。 よいアイディアがあればご教授ください。

質問者が選んだベストアンサー

  • ベストアンサー
  • issa_srv
  • ベストアンサー率44% (40/89)
回答No.1

javaScritの知識が多少あれば難しくないと思います。 以下を参考にして下さい。 <html> <head> <script type="text/javascript"> <!-- function textcopy(){ // テキストエリアの内容を取得 var textarea = document.getElementById("textarea").value; // テキストエリアの内容を消去 document.getElementById("textarea").value = ""; // これまでに追加されたテキストとの連結を行う textarea = document.getElementById("insert").innerHTML + textarea; // "insert"のidが指定されたの要素の中に挿入 document.getElementById("insert").innerHTML = "<div>" + textarea + "</div>"; } //--> </script> </head> <html> <body> <form> <textarea id="textarea" rows="4" cols="40"></textarea> <p><button type="button" onclick="textcopy()">↓追加</button></p> <div id="insert"></div> </form> </body> </html>

toritan
質問者

お礼

ありがとうございます。参考にさせていただきます。

関連するQ&A

  • フォームで入力した値を別のフォームにコピーする

    はじめまして! javascriptでフォームAに入力した内容を ボタンが押されたら同一ページのフォームBに ペーストされるscriptを作りたいのですが そういったスクリプトを公開しているものがあれば 教えていただきたいです。よろしくお願いいたします。 やりたい事: [フォームA]---------------------  お名前:テキスト  性別:ラジオボタン  趣味:セレクトボックス  コメント:テキストエリア  [コピーボタン]←内容をコピーするボタン -------------------------------- ↓コピーボタンが押されたら↓ [フォームB]---------------------  お名前:テキスト  性別:ラジオボタン  趣味:セレクトボックス  コメント:テキストエリア -------------------------------- Aフォームに入力した内容Bフォームに反映される よろしくお願いいたします。

  • Javascript 入力フォーム&コピー

    ホームページに下のような仕組みを取り入れたいと思っています。 各質問に対する回答をフォームに入力もしくはラジオボタンから選択して、回答ボタンをクリックすると、その下の大きなテキストボックスに質問と回答がまとめて表示される仕組みです。 その回答結果をクリップボードにコピーできるようにもしたいです。 お詳しい方よろしくお願いします。 好きな芸能人は? [入力フォーム1] 嫌いな芸能人は? [入力フォーム2] 気になるCMは?  [入力フォーム3] あなたの性別は? [ラジオボタンで選択] [回答ボタン] ──────────────── (回答が表示されるテキストボックス) 好きな芸能人:○○ 嫌いな芸能人:○○ 気になるCM:○○ 性別:○○ ──────────────── [回答まとめをコピー] [回答まとめをクリア]

  • フォームで入力した内容を掲示板に反映させるCGIを探しています。

    普通の掲示板では、 1.タイトル 2.名前 3.メッセージ みたいな感じでフォームがあるのですが、これを 1.タイトル 2.所属 3.名前 4.使用しているコンピュータ 5.使用機器 6.メッセージ のようにフォームを作って、送信ボタンを押したら、入力内容を掲示板に 反映させたいと思っています。 具体的には、2~6の内容を普通の掲示板でいうメッセージの欄に 表示させたいと思っています。 私が探しているのは、複数のフォーム内容を掲示板に反映させることの できるフリーのCGIです。 いろいろ探してはみたのですが、なかなか見つからなかったので、 質問させていただきました。 よろしくお願いします。

    • ベストアンサー
    • CGI
  • VB.NETでブラウザのフォームに入力する方法について

    VB.NETでブラウザに表示されたWEBページのフォームに データを入力したり、ラジオボタンの設定をしたりしたいのですが、 入力内容によってフォームの入力欄がEnabled = True や Falseに 切り替わる入力欄がある場合、VBでそのエレメントに データを設定してもフォームを送信などをした際に反映されていません。 例えばラジオボタンで選択A、選択B、その他という3つの選択があって、 その他を選択すると、テキスト入力エリアが入力可能になるというフォームです。 ブラウザに直接手動で設定を変更すれば、入力欄のEnabledが切り替わるのですが、 VBでラジオボタンを設定した場合は切り替わらず、Enabled = False の状態のまま VBでデータを設定しても受け付けられないようです。 この為、VBでデータを設定した際に、別の欄のEnabledの状態を変えたいのですが、 どのような方法でやれば良いでしょうか。ご教授いただければ幸いです。

  • フォームへの未入力を無くしたい

    [やりたいこと(宜しくおねがいします)] フォームの未入力「コンボボックス」と「テキストボックス」を事前に把握したい。 [(やりたいこと)の実現と希望] このサイトでアドバイスを頂きまして、長年に渡り作成できたデータベースが「68」、入力するフォームは「78」を超えます。現状「フォーム」の構成を生かす方法を含めアドバイスをお願いします。 [入力するフォームに共通していること] 1,コンボボックスとテキストボックス  ・全てのコンボボックスへの選択入力は必須になっている。  ・テキストボックスは未入力箇所も発生する。「未入力箇所は不特定」 2,フォームに共通して配している2つのコマンドボタン  ・フォームを閉じるボタン「マクロ(クリック時)」  ・情報の最新化ボタン「マクロ(クリック時)」   ※コンボボックスの選択項目追加時に反映用として配置 以上ですが、宜しくお願いします。

  • フォームで入力しても反映されない

    ACCESSでフォームに入力しても元クエリに反映されない原因は何が考えられますか?コンボボックスからデータを入力しているのですが・・・。あと、選択クエリの更新結果が1件も表示されないのはリレーションシップの設定がまずいからでしょうか??

  • accessのフォーム上からブラウザの検索

    Access2000のフォーム上のテキストボックスに文字を入れて、横に配置したボタンを押すと、ブラウザが立ち上がってテキストボックスに入力した文字でgoogleの検索ができるような仕組みを作りたいと思っているのですが、可能でしょうか?

  • フォームへの入力リアルタイムチェック

    現在、メールフォームを作成しております、 プルダウン、チェックボックス、ラジオボタン、テキストエリア を利用しておりますが、リアルタイムチェックし、 入力・選択に入力がない、選択がない、入力内容に問題がある場合は、 独自の画像(×等)+エラーテキストを表示し、 問題がなければ、○の画像+エラーテキストを非表示にしたいです。 おすすめなライブラリなどはございませんでしょうか。

  • フォームに入力した情報をそのフォームに反映するには?

    http://f29.aaa.livedoor.jp/~unyu/joban/unyu.cgi?line=oer1000 上記のサイトのように、情報をフォームに入力し投稿ボタンを押すと入力したフォームに反映/保存され、その情報を他の人も変更(投稿)/回覧できるようにするにはどのようにすればよいのでしょうか? CGI/perlなどを探し、掲示板のプログラムを改造したりしましたが分かりません。回答お願いします。

    • ベストアンサー
    • CGI
  • ユーザフォーム(VBA)で入力した内容をシートへコピーするには

    ユーザフォーム(VBA)でテキストボックスとボタンを作成しました。 このテキストボックスに入力した内容をボタンを押すことでシート1のA1セルにコピーしたいのです。こんな簡単な感じなのですが、 プログラムはどのようにしたらよいのでしょうか?教えてください。 それと、このエクセルファイルを開き、マクロを有効にするのボタンを押すと思うのですが、そのときにすでにユーザフォームが表示されているようにしたいのですが・・・どうすればいいのでしょうか? ※できたらでよいのですが、もう一つボタンを作成し『クリア』ボタンということで、テキストボックスに入力した内容だけをクリアさせるボタンも作ろうとおもうのですが、それはどうしたらよいのでしょうか? 困っています。教えてください。

専門家に質問してみよう