POST TIME:2020-03-28 17:05
我們可以看到一些網站上的搜索框內有默認的字段,但我們鼠標點擊后就沒有了。我也想在我的網站的搜索框內實現這樣的效果,于在網上搜尋一番,終于找到實現這一效果的方法。
方法如下:
<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='探尋預留字'
下一篇:織夢CMS的列表偽靜態的設置方法