简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

jQuery隐藏和显示input默认值示例

来源:易贤网   阅读:2708 次  日期:2014-06-04 21:44:06

温馨提示:易贤网小编为您整理了“jQuery隐藏和显示input默认值示例”,方便广大网友查阅!

这篇文章主要介绍了jQuery如何隐藏和显示input默认值,需要的朋友可以参考下。

代码如下:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""">

<htmlxmlns="">

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

<title>jQuery+JavaScript实现table的增加和减少</title>

<scriptlanguage="javascript"src="jquery-1.7.1.min.js"></script>

</head>

<body>

<p><inputtype="text"value="请输入邮箱地址"id="email"id="email"/></p>

<p><inputtype="button"value="提交"/></p>

<scripttype="text/javascript">

$("#email").focus(function(){

varemail_txt=$(this).val();

if(email_txt==this.defaultValue){

$(this).val("");

}

})

$("#email").blur(function(){

varemail_txt=$(this).val();

if(email_txt==""){

$(this).val(this.defaultValue);

}

})

</script>

</body>

</html>

效果预览:

1

更多信息请查看IT技术专栏

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:《PHP编程最快明白》第八讲:php启发和小结
下一篇:js、jquery图片动画、动态切换示例代码
易贤网手机网站地址:jQuery隐藏和显示input默认值示例
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!