jQuery 隱藏和顯示 input 默認(rèn)值示例
更新時間：2014年06月03日 17:23:49 作者：
這篇文章主要介紹了jQuery如何隱藏和顯示 input 默認(rèn)值,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery+JavaScript 實現(xiàn) table 的增加和減少</title>
<script language="javascript" src="jquery-1.7.1.min.js"></script>
</head>
<body>
<p><input type="text" value="請輸入郵箱地址" id="email" id="email" /></p>
<p><input type="button" value="提交" /></p>
<script type="text/javascript">
$("#email").focus(function(){
var email_txt = $(this).val();
if (email_txt == this.defaultValue) {
$(this).val("");
}
})
$("#email").blur(function(){
var email_txt = $(this).val();
if (email_txt == "") {
$(this).val(this.defaultValue);
}
})
</script>
</body>
</html>
效果預(yù)覽：
您可能感興趣的文章:
- input 輸入框獲得/失去焦點時隱藏/顯示文字(jquery版)
- jquery顯示隱藏input對象
- jQuery實現(xiàn)表單input中提示文字value隨鼠標(biāo)焦點移進移出而顯示或隱藏的代碼
- jQuery通過改變input的type屬性實現(xiàn)密碼顯示隱藏切換功能
- jquery form 隱藏的input 選擇
- jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值
- jQuery解決input超多的表單提交
- jquery獲取form表單input元素值的簡單實例
- jQuery獲取及設(shè)置表單input各種類型值的方法小結(jié)
- jquery 動態(tài)增加,減少input表單的簡單方法(必看)
- jQuery實現(xiàn)提交表單時不提交隱藏div中input的方法
相關(guān)文章
今天公司要求實現(xiàn)浮動窗口效果，自己看了不少資料終于實現(xiàn)此效果。用jQ實現(xiàn)浮動窗口功能,彈出窗口時背景變暗.2010-09-09
這篇文章主要介紹了Jquery.datatables 學(xué)習(xí)筆記之自定義button按鈕,需要的朋友可以參考下2014-06-06
jQuery使用DataTable實現(xiàn)刪除數(shù)據(jù)后重新加載功能
利用jQuery Datatable和artTemplate組合來做的表格。但是當(dāng)刪除數(shù)據(jù)時，需要重新加載table里的數(shù)據(jù)。接下來通過本文給大家分享jQuery使用DataTable實現(xiàn)刪除數(shù)據(jù)后重新加載功能，需要的朋友參考下2017-02-02
第一次寫jQuery插件;自己感覺寫的也不怎么樣。寫jQuery插件利用的就是這個東東jQuery.fn,寫的過程很詳細，感興趣的朋友可以了解下，希望本文對你使用自定義插件有幫助2013-01-01
簡單易用的基于jQuery版仿新浪微博向下滾動效果(附DEMO)
jquery版，簡單易用的jQuery 版仿新浪微博 向下滾動效果，現(xiàn)在越來越發(fā)現(xiàn)jquery太強大咯，哈哈。2011-02-02
基本選擇器：是jQuery中使用最頻繁的選擇器，它由元素Id、Class、元素名、多個選擇符組成，通過基本選擇器可以實現(xiàn)大多數(shù)頁面元素的查找，感興趣的朋友可以參考下哈2013-04-04
JQuery.ajax傳遞中文參數(shù)的解決方法 推薦
許多人在使用JQuery.ajax方法時肯定會遇到一個問題。在編碼不是UTF-8的時候，當(dāng)傳遞的參數(shù)里有中文的時候，服務(wù)端Request的時候都會出現(xiàn)亂碼。2011-03-03
jQuery實現(xiàn)模擬marquee標(biāo)簽效果
這篇文章主要介紹了jQuery實現(xiàn)模擬marquee標(biāo)簽效果的相關(guān)資料,需要的朋友可以參考下2015-07-07
jquery 全局AJAX事件使用代碼，需要的朋友可以參考下。2010-11-11
Jquery創(chuàng)建一個層當(dāng)鼠標(biāo)移動到層上面不消失效果
使用Jquery創(chuàng)建一個層，實現(xiàn)當(dāng)鼠標(biāo)移動到層上面不消失，示例代碼如下，感興趣的朋友可以參考下2013-12-12