jQuery實現(xiàn)表單input中提示文字value隨鼠標焦點移進移出而顯示或隱藏的代碼
更新時間:2010年03月21日 12:17:32 作者:
表單input中提示文字value隨鼠標焦點移進移出而顯示或隱藏的jQuery代碼
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
一個可綁定數(shù)據(jù)源的jQuery數(shù)據(jù)表格插件
此文將實現(xiàn)一個的jQuery表格插件jQuery.DataGrid。需要的朋友可以參考下。2010-07-07jquery預(yù)覽圖片實現(xiàn)鼠標放上去顯示實際大小
本文為大家介紹的這個示例為jquery實現(xiàn)的預(yù)覽圖片,當鼠標放上去顯示實際大小,感興趣的朋友可以學(xué)習(xí)下2014-01-01jquery實現(xiàn)點擊變換導(dǎo)航樣式的方法
這篇文章主要介紹了jquery實現(xiàn)點擊變換導(dǎo)航樣式的方法,可實現(xiàn)點擊導(dǎo)航菜單選項時動態(tài)變換對應(yīng)選中項樣式的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08jQuery移除或禁用html元素點擊事件常用方法小結(jié)
這篇文章主要介紹了jQuery移除或禁用html元素點擊事件常用方法,結(jié)合實例形式總結(jié)分析了jQuery針對onclick事件的禁用與屏蔽技巧,需要的朋友可以參考下2017-02-02EasyUI Combobox設(shè)置默認值 獲取text的方法
這篇文章主要介紹了EasyUI Combobox設(shè)置默認值 獲取text的方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-11-11