3月
16
2009

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


概要

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

こんな感じで

こんな感じで

方法

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

あとがき

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

▼Advertisement

【Webサービスを作ろう!好評連載中!】このエントリーをはてなブックマークに追加 はてなブックマーク -
⇒ #1 挫折しないウェブサービス開発のための4つの心構え
Webサービス、Webアプリケーション開発に興味のある方は必見です!

【2月のイチオシ記事】このエントリーをはてなブックマークに追加 はてなブックマーク -
⇒ 社長になった私がお金にならないデータベースサイトを作った7つの理由

Written by suzuki in: メモ | タグ: ,

コメントはまだありません

Comments are closed.

RSS feed for comments on this post.


| I have been indebted to Aeros Theme. |