我們可以看到一些織夢dedecms網站上的搜索框內有預設的欄位,但我們滑鼠點擊後就沒有了。家電清洗我也想在我的網站的搜索框內實現這樣的效果,於在網上搜尋一番,終於找到實現這一效果的方法。 方法如下: <input name="keyword" id="keyword" type="text" cla ...
我們可以看到一些織夢dedecms網站上的搜索框內有預設的欄位,但我們滑鼠點擊後就沒有了。家電清洗
我也想在我的網站的搜索框內實現這樣的效果,於在網上搜尋一番,終於找到實現這一效果的方法。
方法如下: <input name="keyword" id="keyword" type="text" class="searchtxt" size="20" value="探尋預留字" style="color:#ddd" onfocus="if (this.value=='探尋預留字')this.value=''" onblur="if (this.value=='')this.value='探尋預留字'" /> Quote: <input name="keyword" id="keyword" type="text" class="searchtxt" size="20" value="探尋預留字" style="color:#ddd" onfocus="if (this.value=='探尋預留字')this.value=''" onblur="if (this.value=='')this.value='探尋預留字'" /> //解釋onfocus="if (this.value=='探尋預留字')this.value=''" 當選中INPUT時候如果VALUE中的文字為 探尋預留字,則VALUE="", //onblur="if (this.value=='')this.value='探尋預留字'" 當焦點失去,如果搜索文本框INPUT 中無任何數據,則value='探尋預留字' 。