2010年5月4日火曜日

JavaScriptで「問い合わせ内容を入力してください。」を実装する

タイトルだけだよよく分らないかもしれませんが、
  1. テキスト入力エリアにあらかじめ「問い合わせ内容を入力してください」の文言を表示しておく。
  2. テキスト入力エリアにフォーカスがあたる。
  3. 「問い合わせ内容を入力してください」の文言が消える。
これの実装方法を紹介したいと思います。
まずはJavaScriptのコードです。
  1. <script language="JavaScript">  
  2. <!--  
  3. function clearDefaultText(_form) {  
  4.     //テキストエリア内が初期文字列の場合 クリア  
  5.     if(_form.input_text.value == _form.input_text.defaultValue) {  
  6.         _form.input_text.value = "";  
  7.     }  
  8. }  
  9. //-->  
  10. </script>  
つづいてHTMLのコードです。
  1. <form><textarea name="input_text" rows="3" cols="16" onfocus="clearDefaultText(this.form);">問い合わせ内容を入力してください。</textarea>  
  2. </form>  

下のテキストボックスにフォーカスがあたると「問い合わせ内容を入力してください」が消えます。


0 件のコメント:

コメントを投稿