jquery實作非疊加式的搜尋框提示效果_jquery

以前一直在用JQUERY疊加兩個INPUT框來實現登陸中需要輸入的用戶名、密碼來實現提示與用戶的輸出，這邊採用JQUERY在一個INPUT框中實現這種效果，具體做法為：

下面是INPUT框程式碼：

複製程式碼 程式碼如下:

下面是JQUERY代碼：

複製程式碼 程式碼如下:

//設定搜尋的預設值
$(".search_text").focus(function(){
if($(".search_text").val()=='搜尋'){
$(".search_text").val("");
}else{
$(".search_text").val($(".search_text").val());
span>}
});
$(".search_text").blur(function(){
if($(" .search_text").val()==''){
$(".search_text").val("搜尋");
}else{
$(".search_text").val($ (".search_text").val());
}
});

格式神馬的我就不調整了，畢竟不是程式設計使用的IDE編輯器，有興趣的話，可以看下喲！