フォームから入力すると、入力内容がブラウザ画面にテキストとして反映する仕組みを作りたいと考えています。
ただし、Web上のサーバーにアップロードせず、ローカルでhtmlファイルを開いて使用する前提です。
たとえば「クリスマス」とテキストエリアに入力してボタンを押すと、テキストがテキストエリアの下に表示され、
続いて「サンタクロース」とテキストエリアに入力してボタンを押すと、「クリスマス」の下に「サンタクロース」が表示される・・・といった次第です。
よいアイディアがあればご教授ください。
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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- Access(アクセス) Accessで予定表を作成しようとしてます。 テーブル フィールド名 連番 オートナンバー型 年月日 2 2023/07/23 11:40
- Access(アクセス) Accessテーブルの結合で別々のテーブルのフィールドを組み合わせて値を出す方法について 2 2022/07/20 19:43
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
- JavaScript Javascriptを使ってQRコード読み取り、取得した情報をPOSTしたいと思っています。 1 2023/04/28 15:18
- その他(ブラウザ) テキストを入れるときの縦線の点滅がそれ以外のブラウザ上にも表れます。 1 2022/07/29 21:55
- その他(データベース) Accessフォームからパラメーターで表示したレコードを指定のExcelのセルへ転送する方法について 2 2022/08/22 18:04
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptのゲームで漢字を出...
-
onClickとsubmitの処理順序
-
数字の1文字目を消したい
-
javascriptで入力フォームが空...
-
フォームの値が0だったら空白...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
<JavaScript>tableタグを入力不...
-
Selectボックスの幅を自動で広...
-
hiddenのvalueの値を変えたい
-
ラジオボタンにタブインデック...
-
value内に変数を入れたい
-
一覧から選択した行の行番号を...
-
【jQuery】input nameの文字列...
-
VBAをJavaScriptに変換したいです
-
onchangeイベントを強制的に発...
-
javaScriptの変数をJavaの変数...
-
Tableの枠線(内・外)色を変更
-
チェックボックスの設定
-
setIntervalの間隔を途中で変更...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
JSPとJavaScriptの連携について...
-
ラジオボタンによるフォームの...
-
テキストボックス入力を半角英...
-
onChange()メソッド
-
フォームから入力すると、入力...
-
テキストボックスを無効にする...
-
フォームの値が0だったら空白...
-
文末の改行コードを削除したい
-
キーボードの数字のキーだけを...
-
テキストボックスのグレーアウト
-
javaでフォーム入力の確認と文...
-
フィールドを有効(enabled?)に...
-
JavaScript のプログラム質問で...
-
Javascript 郵便番号の入力欄で...
-
イベント発生時に入力待ち状態...
-
フォームのテキストをリンク化...
-
貼り付けイベントで値を取得したい
-
メールフォームの入力確認用Jav...
-
dijit.form.ComboBoxについて
おすすめ情報