[ JavaScript ] 検索窓をクリックすると文字が消えるサンプル

スポンサードリンク

検索窓の中に「Search…」みたいな文字があって、クリック(フォーカス)すると文字が消える JavaScript のサンプルです。

サンプルコード

<input type="search" value="Search"
  onfocus="if (this.value == 'Search') { this.value='' }"
  onblur="if (this.value == '') { this.value='Search' }" />

上のソースは、読みやすい様に改行を入れています。

実際に動作するサンプル

スポンサードリンク

この記事が気に入ったら、ぜひシェアをお願いします!

コメントを残す

メールアドレスが公開されることはありません。

ABOUTこの記事をかいた人

Mac, iPhone, WordPress が好きなウェブディレクター。 香川県坂出市出身。香川県高松市在住。 1973 年生まれで三児の父。川添おやじの会会長。ネギと玉ねぎが嫌い。