HTML：搜索onblur onfocus默認值並onsubmit

即時通訊設法建立一個默認值搜索框「搜索這裏」例如，onfocus它將清除它，並onblur如果它的空它會帶回「搜索這裏」。HTML：搜索onblur onfocus默認值並onsubmit

爲了這個，我可以使用：

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

這工作得很好，但是當我打不輸入查詢文本搜索，它搜尋SEARCH_TERM_EXAMPLES「搜索這裏」。

搜索前刪除默認值的最佳方法是什麼？

2010-12-15 natiz

你想讓用戶能夠搜索空白值嗎？ – Fishcake 2010-12-15 14:30:29

如果您希望用戶能夠搜索並清空搜索查詢，您可以捕獲後端（php/asp/whatever）上的默認搜索字符串並將其替換爲空字符串。

或者，如果您想阻止搜索，如果默認值位於搜索框中，您可以使用javascript來阻止提交。

2010-12-15 14:31:51 PeeHaa

是的，直接比較this.value和「Search Here」字符串，而不是this.defaultValue，如果匹配，則清除它。 – 2010-12-15 14:36:26

使用HTML5佔位符屬性。像這樣：

<input type="text" placeholder="Search here"/>

2012-02-08 14:42:08 Lauri

回答