入力フォームの初期値をクリックで消す方法

フォームのテキスト入力エリアでたまに初期値がグレーで表示されていて、クリックするとそれが消えるものがありますよね？

先日、師匠から頼まれて作っていた申し込みフォームでどうしてもそれをやりたくなり調べてみました。

そうするととっても便利なスクリプトがありました！

TEXTAREA や INPUT の初期値をクリックで消す-GAM-22のメモ

基本的にそこに書いてある通りに作業すればOKです。

複数の入力欄に対応する場合は、上記記事の下の方のコメントを読んだ方がいいかもしれません。

僕の場合は1個しか使わないので特に問題はでていません。

メールフォームプロで作ったフォームに組み込んでちゃんと動いてます。