• ベストアンサー

テキストをtextareaに自動的に入力させたい

任意のボタン※をクリックすると、予め設定しておいたテキストをtextareaに自動的に入力されるようにしたい。 ※画像でもテキストでも何でもよいです。

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

  • ベストアンサー
  • xjd
  • ベストアンサー率63% (1021/1612)
回答No.1

Javascriptは分かりますか? Javascriptなら、getElementById.valueでtextareaにテキストをセットできます。 <input type="button" value="Click Me!" onClick="document.getElementById('text').value='Hello!'"></input> <p> <textarea id="text" rows="6" cols="40"></textarea> 参考にしてください。

関連するQ&A

  • テキストをテキストエリアに自動的に入力させたい

    任意のボタン※をクリックすると、予め設定しておいたテキストをtextareaに自動的に入力されるようにしたい。 ※画像でもテキストでも何でもよいです。

    • ベストアンサー
    • HTML
  • HTMLフォーム。ページを開いたとき、任意の textarea に自動

    HTMLフォーム。ページを開いたとき、任意の textarea に自動的に入力カーソルを位置させたいが?  いつもご丁寧な回答をありがとうございます。  HTML でフォーム(質問コーナー)を作っています。そのページを開いたとき、入力カーソルが自動的に、任意の textarea に位置するようにプログラムしたいです。  どのようにすれば可能でしょうか。  教えてください。お願いします。

    • ベストアンサー
    • HTML
  • textareaの背景を変えたい。

    ボタンを押したらテキストボックスに入力された画像のアドレスにテキストエリアの背景画像を変更したいのですが・・・ function imgcha() { imgadd=document.form.text.value; document.f0.textarea.style.backgroundImage=url("http://~~~"); } こんな感じで作っても上手くいきません。 いろいろ調べてみているのですが、何がおかしいのでしょうか? よろしくお願いします。

  • <textarea>に入力した文章をtxtで保存。

    <form>の<textarea>に入力した文章をtxt形式に変換してデスクトップに保存する方法はあるでしょうか? テキストエリアに入力⇒リンクorボタンをクリックすれば、txt形式で保存またはダウンロードできるようなタグやJavascriptがあれば教えてほしいです。

    • ベストアンサー
    • HTML
  • textareaに画像を表示したい

    textareaの入力支援を作成しています。 PHPで画像のディレクトリを開き別窓などに一覧表示させ、 その画像をクリックでjQueryでテキストエリアへタグを挿入。 <textarea id="test"> あああ <img src="hoge.jpg"> いいい </textarea> ↑のようにIMGタグを挿入する状態までは実装させることが出来るのですが、 UI的に、このIMGタグを画像(サムネ)として表示させたいと考えています。 <textarea id="test"> あああ ■(←画像) いいい </textarea> テキストエリアを監視して置換するなど方法はありそうなのですが そもそもテキストエリア内で画像を表示させることができるのでしょうか? 何かいいアイディア、あるいはプラグイン等がありましたら教えてください。

  • TEXTAREA に入力時の位置

    大きなサイトの入力フォームは、テキスト入力エリア内をクリックすると左上角から入力できますが、以下のようにhtmlを書くと、クリックしたところから入力が始まってしまいます。 大手のように、左上角から入力を始めるようにするにはどうすればいいのでしょうか。 ご存知の方がおられましたら教えてください。 よろしくお願い致します。 <TR> <TD> 下の文: </TD> <TD> <TEXTAREA rows="10" cols="50" name="body"> </TEXTAREA> </TD> </TR>

    • ベストアンサー
    • HTML
  • <TEXTAREA>の文字入力が自動改行されません

    私の環境はWindows8でIE11です。 実は私が作ったPerlの掲示板の<TEXTAREA>に文字入力をしようとしたら、自動改行されないのに気付きました。 ソースは、次の通りです。 <textarea name=comment cols=70 rows=12 wrap=soft style="font-size:15px"></textarea> どっかに問題があるのでしょうか? それとも、私のPCの環境のせいでしょうか? ちなみに、他のサイトの<TEXTAREA>だと私のPCでも自動改行されます。

  • textとtextareaの書式に設定について

    先日、質問をさせて頂きました者になります。 input textとtextareaの書式の設定制御の方法が、 分からなくなってしまい質問をさせて頂きました。 【やりたい事】 textやtextareaの初期値のテキスト色とバックグランの色を、 textやtextareaに初期値が入っている時と入力した値が入っている時に、 指定した書式に各種設定したいと思っています。 具体的には、textやtextareaに初期値が入っている時には、 初期値の文字を薄いグレー色に設定し、バックグランドをピンク色に設定し、 textやtextareaに入力をした値が入っている時には、 入力した文字を黒色に設定し、バックグランドを白色に設定したいと思ってます。 ご教授頂ければと存じます。 よろしくお願いいたします。 【ソース】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN Frameset" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <script type="text/javascript"> <!--ログ生成スクリプトを取得--> function textoutput(formObj) { <!--text01を取得--> if((text01 = formObj.elements["text01"].value)==formObj.elements["text01"].defaultValue)text01=""; <!--text02を取得--> if((text02 = formObj.elements["text02"].value)==formObj.elements["text02"].defaultValue)text02=""; <!--textarea01を取得--> if((textarea01 = formObj.elements["textarea01"].value)==formObj.elements["textarea01"].defaultValue)textarea01=""; <!--textarea02を取得--> if((textarea02 = formObj.elements["textarea02"].value)==formObj.elements["textarea02"].defaultValue)textarea02=""; <!--出力データを作成--> var text = ''; <!--text3データを作成--> if(text01!==""){ text += '質問1:' + '\n'+ text01 + '\n'; } <!--text2データを作成--> if(text02!==""){ text += '質問2:' + '\n'+ text02 + '\n'; } <!--textarea01データを作成--> if(textarea01!==""){ text += '質問3:' + '\n'+ textarea01 + '\n'; } <!--textarea02データを作成--> if(textarea02!==""){ text += '質問4:' + '\n'+ textarea02 + '\n'; } <!--出力データを作成--> formObj.elements["output"].value=text; } </script> </head> <body> <form name="form01"> <strong>・諮問1:</strong><br> <input type="text" name="text01" value="1入力してください" id="p1" size="30" class="disabled" onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;"><br> <strong>・諮問2:</strong><br> <input type="text" name="text02" value="2入力してください" id="p2" size="30" class="disabled" onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;"><br> <strong>・諮問3:</strong><br> <textarea name="textarea01" id="textarea01" cols="60" rows="5" onfocus="if(this.value == this.defaultValue) this.value=''" onblur="if(this.value == '') this.value=this.defaultValue"> 3入力してください </textarea><br> <strong>・諮問4:</strong><br> <textarea name="textarea02" id="textarea02" cols="60" rows="5" onfocus="if(this.value == this.defaultValue) this.value=''" onblur="if(this.value == '') this.value=this.defaultValue"> 4入力してください </textarea><br> <strong>・出力結果:</strong><br> <input type="button" value="ログ出力" onClick="textoutput(this.form);">&nbsp;<br> <textarea cols=60 rows=20 name="output" id="output"></textarea><br> <textarea id="text" cols="30" rows="5" wrap="soft"></textarea><br> <button onclick="save();">save</button><a id="anchor" href=""></a> </form> </body> </html>

  • textarea-Aからtextarea-Bに文字をコピーする

    お世話になります。 AというWEBページ textarea-1 textarea-2 textarea-3 textarea-4 「ボタン」 上記のtextarea4つの内容を「ボタン」を押したらそっくり BというWEBページのテキストエリアにペーストするにはどうしたらいいでしょうか。 textarea-1 textarea-2 textarea-3 textarea-4

  • <textarea>で「入力内容が大きすぎます」というエラーがでる

    お問い合わせフォームcgiを作成中です。 テスト送信をしているのですが、テキストエリア(問い合わせ内容)の文字数でエラーがでます。約100文字打ち込んで送信ボタンを押すと 次ページで「”問い合わせ内容”の入力内容が大きすぎます」というエラーがでます。約20文字ではエラーはでません。 私は、問い合わせ内容に入力する文字数の制限はかけていないつもりなのですが。 実際のタグです。 お問い合わせ内容<textarea name="お問い合わせ内容"></textarea> CGIは、kent webさんのpostmail Ver: 4.11 をお借りしています。

    • ベストアンサー
    • HTML

専門家に質問してみよう