我們可以看到一些織夢dedecms網(wǎng)站上的搜索框內(nèi)有默認(rèn)的字段,但我們鼠標(biāo)點(diǎn)擊后就沒有了。
我也想在我的網(wǎng)站的搜索框內(nèi)實(shí)現(xiàn)這樣的效果,于在網(wǎng)上搜尋一番,終于找到實(shí)現(xiàn)這一效果的方法。
方法如下:
<input name="keyword" id="keyword" type="text" class="searchtxt" size="20" value="探尋預(yù)留字" style="color:#ddd" onfocus="if (this.value=='探尋預(yù)留字')this.value=''" onblur="if (this.value=='')this.value='探尋預(yù)留字'" />
Quote:
<input name="keyword" id="keyword" type="text" class="searchtxt" size="20" value="探尋預(yù)留字" style="color:#ddd" onfocus="if (this.value=='探尋預(yù)留字')this.value=''" onblur="if (this.value=='')this.value='探尋預(yù)留字'" />
//解釋onfocus="if (this.value=='探尋預(yù)留字')this.value=''" 當(dāng)選中INPUT時候如果VALUE中的文字為 探尋預(yù)留字,則VALUE="",
//onblur="if (this.value=='')this.value='探尋預(yù)留字'" 當(dāng)焦點(diǎn)失去,如果搜索文本框INPUT 中無任何數(shù)據(jù),則value='探尋預(yù)留字' 。
新聞熱點(diǎn)
疑難解答
圖片精選