テキストボックスの初期表示にガイドを表示

概要

タイトルがうまくないなぁ。
フォームのテキストボックスの初期表示に、何を入力すればいいのかガイド的なものを表示する方法のメモです。

こんな感じで

方法

?省略?
    <input type="text" 
        onfocus="if (this.value == '商品名を入力') this.value='';" 
        onblur="if (this.value == '') this.value = '商品名を入力';"
        value="商品名を入力" />
?省略?

あとがき

ちなみに冒頭の検索ボックス、最近まで僕が手がけていたEC-CUBEサイトで実際に使っているものですので、どこかで見かけることがありましたら、「HappyQualityのsuzukiが作ってたやつだな」とほくそ笑んでいただけると幸いです。
生活必需品を取り扱っているサイトですので、よろしければご購入までしていただけるとなお嬉しいです。そのときは備考欄に「HappyQuality読んでます」と添えていただけると、何かいいことがあるかもしれませんし、無いかもしれません。でも、少なくとも僕は嬉しい気持ちになることでしょう。