jQuery實現(xiàn)表單input中提示文字value隨鼠標焦點移進移出而顯示或隱藏的代碼
更新時間：2010年03月21日 12:17:32 作者：
表單input中提示文字value隨鼠標焦點移進移出而顯示或隱藏的jQuery代碼
復制代碼 代碼如下:
<input value="請輸入用戶名" type="text">
<input value="請輸入密碼" type="text">
<input value="提交" type="submit">
<script>
$(function(){
//輸入框中文字顏色控制
$("input:not(:last)").css("color","#999");
});
//用戶名框鼠標焦點移進，文字消失
$("input:first").click(function () {
var check1 = $(this).val();
if (check1 == this.defaultValue) {
$(this).val("");
}
});
//用戶名框鼠標焦點移出，文字顯示
$("input:first").blur(function () {
$(this).val(this.defaultValue);
});
//密碼框鼠標焦點移進，文字消失
$("input:eq(1)").click(function () {
var check2 = $(this).val();
if (check2 == this.defaultValue) {
$(this).val("");
}
//密碼框鼠標焦點移出，文字顯示
$("input:eq(1)").blur(function () {
$(this).val(this.defaultValue);
});
})
</script>
相關文章
jQuery實現(xiàn)鼠標雙擊Table單元格變成文本框及輸入內(nèi)容后更新到數(shù)據(jù)庫的方法
這篇文章主要介紹了jQuery實現(xiàn)鼠標雙擊Table單元格變成文本框及輸入內(nèi)容后更新到數(shù)據(jù)庫的方法,涉及jQuery響應鼠標事件動態(tài)操作頁面元素及基于get實現(xiàn)ajax交互保存數(shù)據(jù)的相關技巧,需要的朋友可以參考下2015-11-11
JQuery 中沒有文本框高亮顯示這個插件，自己今天寫了一個Plugin，把代碼貼出來分享一下2011-04-04
下面小編就為大家?guī)硪黄猨query獲取form表單input元素值的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
本文介紹了jQuery操作對象數(shù)組元素的3種方法以及一種錯誤方法，這里記錄一下，防止下次再犯，有需要的小伙伴也可以參考下。2014-11-11
本篇文章主要是對Jquery解析json數(shù)據(jù)進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要為大家詳細介紹了jQuery創(chuàng)建折疊式菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
jquery實現(xiàn)兩邊飄浮可關閉的對聯(lián)廣告
可關閉的左右兩邊漂浮的對聯(lián)廣告代碼jquery特效，寬屏分辨率大于1024px才顯示，當用戶點擊關閉按鈕可以單獨關閉自己一邊的漂浮的對聯(lián)廣告代碼，juqery對聯(lián)廣告效果感興趣的朋友一起學習吧2015-11-11
這篇文章主要介紹了jQuery隊列操作方法實例,總結出了一個簡潔優(yōu)雅的隊列控制方法,需要的朋友可以參考下2014-06-06
jQuery中$.ajax()和$.getJson()同步處理詳解
這篇文章主要介紹了jQuery中$.ajax()和$.getJson()同步處理詳解的相關資料，非常的細致全面，有需要的小伙伴可以參考下。2015-08-08
圖片旋轉任意角度在某些應用中時很有必要的，現(xiàn)在有一款JQuery插件可以辦得到，接下來為大家介紹下使用方法，感興趣的朋友可以參考下哈，希望對你有所幫助2013-03-03