javascript - onBlur 属性が条件で機能しない

Question

onFocus 属性と onBlur 属性を使用して検索ボックスのスタイルを設定しようとしていますが、期待どおりの結果が得られません。ここに私のHTMLコードがあります

<form action="index.php" method="post" class="search">
<input name="searchword" id="mod_search_searchword" maxlength="20" 
type="text" size="30" value="Search..." 
onblur="if(this.value=='') {this.value='Search...'; this.className='search-default';}
elseif(this.value!='' && this.value!='Search...') {this.className='search-userinput';}"
onfocus="if(this.value=='Search...') {this.value=''; this.className='search-userinput';} 
else {this.className='search-userinput';}" class="search-userinput">    
<input type="hidden" name="option" value="com_search">
<input type="hidden" name="task" value="search">
</form>

onBlur 属性の条件を設定しない場合、onFocus ビットは機能しますが、機能するには両方が必要です。どのような解決策がありますか?