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

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

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

実際に動作するサンプル

https://codepen.io/darucub/pen/vEGgXKV

サンプルコード

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

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

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。