jQuery 隱藏和顯示 input 默認(rèn)值示例
更新時(shí)間: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 實(shí)現(xiàn) table 的增加和減少</title>
<script language="javascript" src="jquery-1.7.1.min.js"></script>
</head>
<body>
<p><input type="text" value="請(qǐng)輸入郵箱地址" 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 輸入框獲得/失去焦點(diǎn)時(shí)隱藏/顯示文字(jquery版)
- jquery顯示隱藏input對(duì)象
- jQuery實(shí)現(xiàn)表單input中提示文字value隨鼠標(biāo)焦點(diǎn)移進(jìn)移出而顯示或隱藏的代碼
- jQuery通過(guò)改變input的type屬性實(shí)現(xiàn)密碼顯示隱藏切換功能
- jquery form 隱藏的input 選擇
- jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值
- jQuery解決input超多的表單提交
- jquery獲取form表單input元素值的簡(jiǎn)單實(shí)例
- jQuery獲取及設(shè)置表單input各種類型值的方法小結(jié)
- jquery 動(dòng)態(tài)增加,減少input表單的簡(jiǎn)單方法(必看)
- jQuery實(shí)現(xiàn)提交表單時(shí)不提交隱藏div中input的方法
相關(guān)文章
解決jQuery插件tipswindown與hintbox沖突
先掃下盲:tipswindown是jQuery的彈窗插件,可以使用url或當(dāng)前頁(yè)元素顯示在模擬層中;hintbox是jQuery的類似Google Suggestions插件。2010-11-11jQuery插件分享之分頁(yè)插件jqPagination
jqPagination 是一個(gè)簡(jiǎn)單易用的輕量級(jí) jQuery分頁(yè)插件,其使用了 HTML5 和 CSS3 技術(shù)來(lái)實(shí)現(xiàn)。此插件提供了幾個(gè)參數(shù)設(shè)置選項(xiàng),通過(guò)簡(jiǎn)單的配置即可生成分頁(yè)控件。此外,它的外觀樣式是可自定義的,擴(kuò)展性很強(qiáng)。2014-06-06jQuery實(shí)現(xiàn)選中行變色效果(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇jQuery實(shí)現(xiàn)選中行變色效果(實(shí)例講解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07jquery實(shí)現(xiàn)輸入框?qū)崟r(shí)輸入觸發(fā)事件代碼
本文主要分享了jquery實(shí)現(xiàn)輸入框?qū)崟r(shí)輸入觸發(fā)事件的代碼,代碼簡(jiǎn)單易懂,需要的朋友一起來(lái)看下吧2016-12-12jquery表單對(duì)象屬性過(guò)濾選擇器實(shí)例分析
這篇文章主要介紹了jquery表單對(duì)象屬性過(guò)濾選擇器,實(shí)例分析了jQuery選擇器的相關(guān)使用技巧,需要的朋友可以參考下2015-05-05jQuery插件實(shí)現(xiàn)彈性運(yùn)動(dòng)完整示例
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)彈性運(yùn)動(dòng),結(jié)合完整實(shí)例形式分析了jQuery插件擴(kuò)展結(jié)合定時(shí)器實(shí)現(xiàn)頁(yè)面元素抖動(dòng)的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07基于Jquery插件實(shí)現(xiàn)跨域異步上傳文件功能
這篇文章主要介紹了基于Jquery插件實(shí)現(xiàn)跨域異步上傳文件功能的相關(guān)資料,需要的朋友可以參考下2016-04-04用圖片替換checkbox原始樣式并實(shí)現(xiàn)同樣的功能
這篇文章主要介紹了用圖片替換checkbox原始樣式并實(shí)現(xiàn)同樣的功能 ,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2018-11-11