• ベストアンサー

テキストエリアをクリックした際に初期テキスト削除をする

フォームのテキストエリアに <テキストを入力して下さい> と初期コメントを入れておいて、テキストエリアをクリックした際に 初期コメントが削除されるような事がしたいです。 初心者ですいません>< よろしくお願い致します。

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

  • ベストアンサー
回答No.3

すみません。テキストボックスでなくテキストエリアでしたね <textarea name="text" style="width:250px;height:200px;color:#999999;" onfocus="if(this.value==this.defaultValue){this.value='';this.style.color='black';}" onblur="if(this.value==''){this.value=this.defaultValue;this.style.color='#999999'}" /><テキストを入力して下さい></textarea>

yakimen
質問者

お礼

ありがとうございました! お礼が遅れてしまい申し訳ありませんでした。 おかげ様でうまくいきました^^

その他の回答 (2)

回答No.2

<input type="text" size="30" name="txt" value="<テキストを入力して下さい>" onfocus="if(this.value==this.defaultValue){this.value=''}" onblur="if(this.value==''){this.value=this.defaultValue}" />

  • foreach
  • ベストアンサー率51% (43/84)
回答No.1

試してないけど、初期表示時にinputのvalueに「<テキストを入力して下さい>」を入れておいて、onFocusイベントで処理してあげればできると思います。 valueの値が「<テキストを入力して下さい>」だったらクリアしてしまえばよろしいかと。 カーソルが抜けたとき未入力で「<テキストを入力して下さい>」を復帰させたい場合はonBlurを使います。

yakimen
質問者

お礼

ありがとうございました! お礼が遅れてしまい申し訳ありません。 ジャバスクリプトを初めて使ったもので右も左も分からずおろおろしてましたw おかげ様でうまくいきました^^

関連するQ&A

  • テキストエリアに初期値があって、選択した際に自動スクロール

    2行のテキストエリアに5行の初期値が入っている状態で、 マウスで選択した際に一番下の5行目の文字列をユーザーに 見せたいのです。 テキストエリアを選択した際に 一番下へ自動スクロールさせる事は可能でしょうか?

  • フォームのテキストエリアをクリックしただけでコピー

    フォームのテキストエリアをクリックしただけで、 中にあるすべてのテキストの内容を クリップボードへ送ることはできますか?

    • ベストアンサー
    • HTML
  • テキストエリアでの処理に関して

    あるテキストエリアの中で、OnDbclickイベントでダブルクリック した場合にサブウィンドウを開き、サブウィンドウの中であるDBから 情報を取得し、親ウィンドウの隣のテキストエリアに値を表示するような事をしていますが、ダブルクリック以外でもそのテキストエリアに入力があったらDBを検索するような仕組みを考えています。 基本的には文字数制限をし、6文字入力された時点でDBへ検索しに 行くような形にしたいと考えています。 そもそも同じテキストエリアでダブルクリックはサブウィンドウ、 入力後は他の処理というような事が可能なのでしょうか。。。 どういった記述をすれば良いか教えて下さい。 よろしくお願いします。

  • テキストエリア内の改行

    <textarea cols=  rows= ></textarea> を使ってテキストエリアを作っています。 テキストエリア内に予めコメントを 入れておきたいのですが、そのコメントを 改行したい場合はどうすればいいのでしょうか? <BR>のタグが使えないので困っています。 どなたか教えてください、お願い致します。

  • php テキストエリアの入力チェック

    現在、phpを使用してメールフォームを作成しております初心者です。 入力確認画面(二画面目)において テキストエリア(お問い合わせ内容入力エリア)内の入力内容が ・半角もしくは全角スペースのみ ・テキストエリア未入力で初期値  【 こちらにお問い合わせ内容を入力! 】 のままの場合のチェック&エラーメッセージを表示させたくて 下記のようなphpソースを記述してあれこれやってるのですが思うようにいきません。 テキストエリアに半角英数、全角文字が入力された場合は 思い通りにチェックを通過します。 しかし・・・ ・全角スペース1文字分以上 ・半角スペース2文字分以上 入力された場合もチェックを通過してしまいます。 半角スペース1文字分までの入力の場合はエラーメッセージを表示してくれるのですが・・・ ~前略~ <?php //お問い合わせ内容 if ($contents == " " || $contents == "こちらにお問い合わせ内容を入力!") { $errormsg[] = "お問い合わせ内容を入力して下さい"; } ?> ~後略~ 当方まだまだphp初心者れべる故、わかりやすくご回答頂けると有難いのですが・・・ どなたかご回答宜しくお願い致します。

    • ベストアンサー
    • PHP
  • テキストエリアの初期値について

    テキストエリアに初期値としてタグを表示させたいのですが、 <textarea name=hoge>&lt;hr&gt;</textarea> とhtmlに記述してブラウザで見てみると、たいていのブラウザではちゃんと<hr>と表示されるのですが、ezweb端末から見るとちゃんと表示がされないのです。 これを解決するにはどうしたらよろしいのでしょうか?

  • ファイルからテキストエリアへ

    ファイルからReadLineで読み込んだ値を テキストエリアに表示したいんですが うまくいきません。 ブラウザに表示させることはできたんですが。。。 一つのaspでファイル読み込み、 テキストエリアに表示。 できませんか? ASPは初心者です。 わかりやすく書いて頂けるとうれしいです。 よろしくお願い致します。

  • フォームのテキストエリアを入力不可に

    フォームのテキストエリアを入力不可にしたいのですが方法が分かりません。知っている方がいましたらご教授願います。

  • 複数のテキストエリア・クリックコピー

    複数のテキストエリアがあり、 それぞれをクリックするとコピーできるようにしたいです。 お願いします。

  • 画像クリックでテキストエリアにソース表示

    こんにちは。 色々調べてみましたが壁にぶつかってしまい、こちらで質問させて頂きます。 内容は、バナー画像が数種類ありその画像をクリックすると、 テキストエリアに設置タグを表示するという事がしたいです。 また、違うバナー画像をクリックすれば前回表示されていたタグは 消えて、新しいタグが表示するようにしたいです。(テキストエリアは同じ) みなさまどうかご教授頂ければ幸いです。

専門家に質問してみよう