プロが教える店舗＆オフィスのセキュリティ対策術

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

解決済

  • 質問者：toritan
  • 質問日時：
  • 回答数：1件

フォームから入力すると、入力内容がブラウザ画面にテキストとして反映する仕組みを作りたいと考えています。
ただし、Web上のサーバーにアップロードせず、ローカルでhtmlファイルを開いて使用する前提です。

たとえば「クリスマス」とテキストエリアに入力してボタンを押すと、テキストがテキストエリアの下に表示され、
続いて「サンタクロース」とテキストエリアに入力してボタンを押すと、「クリスマス」の下に「サンタクロース」が表示される・・・といった次第です。

よいアイディアがあればご教授ください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： issa_srv
  • 回答日時：

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>
    • good
    • 0
    • 件
通報する
この回答へのお礼

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

通報する
お礼日時：2008/01/03 01:45

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報