上記の入力フォーム内をクリックしてみて下さい。案内画像が消えるはずです。 何も入力しないままフォーム外をクリックすれば、案内画像が再表示されます。 何かを入力してからフォーム外をクリックした場合は、案内画像は消えたままです。 実現方法はとても簡単で、画像「」を用意して、入力フォーム内に表示させているだけです。 JavaScriptを用いて入力内容を判断し、画像を消したり再表示したりしています。 前回の記事(2本) ※今回ご紹介する入力フォームの作り方は、以下の2つの記事でご紹介した内容をベースにしています。 重複する解説は本記事では省略しています。まだご覧になっていない場合は、先にこれらの記事をお読み頂くと、次ページでご紹介するソースが分かりやすくなると思います。 ■入力フォームが空のときに入力案内を表示 入力フォーム内に何も入力されていないときには「検索語を入力」などの入力案内文字を表示
![未記入の入力フォームに案内画像を表示する [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)