2010-12-15 8 views
0

を検索すると、デフォルト値の "Search Here"と表示されます。たとえば、onfocusはそれをクリアし、onblurが空の場合は "Search Here"を返します。HTML:onblocks onfocus defaultvalue onsubmitを検索して

私は使用することができ、このため

onfocus="if (this.value==this.defaultValue) this.value = ''"; 
onblur="if (this.value=='') this.value = this.defaultValue"; 

これはうまく動作しますが、私は、テキストを入力環境せずに検索を打ったとき、それは「検索」を捜します。

検索する前にデフォルト値を削除する最も良い方法は何ですか?

+0

空白の値を検索できるようにしますか? – Fishcake

答えて

0

ユーザが空の検索クエリを検索できるようにするには、バックエンド(php/asp/whatever)のデフォルトの検索文字列をキャッチし、空の文字列に置き換えるだけです。

または、検索を防ぐためにdefaultvalueが検索ボックスにある場合は、送信を防ぐためにjavascriptを使用できます。

+0

うん、this.defaultValueの代わりにthis.valueと "Search Here"の文字列を直接比較し、一致するものがあればそれをクリアしてください。 –

1

HTML5プレースホルダ属性を使用します。ように:

<input type="text" placeholder="Search here"/> 
関連する問題