人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

http://www.excite.co.jp/world/
ここの入力フォームのように、初期状態で文字が入力されているけど、マウスでクリックした際、自動的に消去するようにしたいのですが、どのような仕組みになっているのでしょうか?
excite翻訳だけではなく、いくつかのサイトのメールフォーム等で見たことがあります。
CSSやJavaScriptでできるのでしょうか?

●質問者: ch930
●カテゴリ:ウェブ制作
✍キーワード:CSS Excite JavaScript クリック サイト
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● hinop
●20ポイント

<textarea cols=36 rows=15 name=”before” wrap=”virtual” onclick=”doclear(’before’);”>こちらに翻訳したい文章を入力してください。</textarea>

こうなっていました。

◎質問者からの返答

ありがとうございます。


2 ● きゃづみぃ
●20ポイント

http://www.openspc2.org/JavaScript/ref/event/onClick.htm

onClick

JavaScriptのonClickイベントを用いたらいいでしょう。

◎質問者からの返答

ありがとうございます。


3 ● LSR
●20ポイント

http://joho.boo.jp/memo/writer.cgi?mode=detail&no=3

プログラミングメモ

コレですね。

onclick=’doclear(’before’);’

で消えますね。

◎質問者からの返答

最初の回答でもいただきましたが、おそらくonclick=’doclear(’before’);’のようですね。

後で試して見ます。


4 ● ke_ishi
●20ポイント

<input type=”text” id=”t01” value=”default” onClick=”JavaScript:t=document.getElementById(’t01’);if(t.value==’default’){t.value=’’;}”>

とか

◎質問者からの返答

ありがとうございます。後で試して見ます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ