http://www.excite.co.jp/world/

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答4件)

id:hinop No.1

回答回数2601ベストアンサー獲得回数1

ポイント20pt

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

こうなっていました。

id:ch930

ありがとうございます。

2004/12/21 11:44:15
id:taknt No.2

回答回数13539ベストアンサー獲得回数1198

ポイント20pt

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

id:ch930

ありがとうございます。

2004/12/21 11:51:44
id:LSR No.3

回答回数124ベストアンサー獲得回数0

ポイント20pt

コレですね。

onclick=’doclear(’before’);’

で消えますね。

id:ch930

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

後で試して見ます。

2004/12/21 11:53:30
id:ke_ishi No.4

回答回数269ベストアンサー獲得回数0

ポイント20pt

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

とか

id:ch930

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

2004/12/21 12:09:37

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません