[JavaScript]テキストエリアにtitleタグを使って入力例を表示する

JavaScriptを利用して登録フォームのテキストボックスにtitleタグに指定した文字列を入力例として表示する方法を記します。

この処理は

1. フォーカスが外れたとき
   入力した文字列がないまたは、入力した文字列がtitleタグの入力内容と同じ場合、入力例を表示する
2. フォーカスされている場合
   入力した文字列がtitleタグの入力内容と異なる場合、入力した文字列を通常のフォント色で表示する

という方法で実現します。

実際の動作は下のようになります。

 

名前：
住所：

ソースは以下のようになります。

※追伸 >- この投稿が役にたったと思った方は、上か下の広告をクリックしていただけるとうれいいです。