[ 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' }" />

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

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

だるかぶ

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

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