澳门皇冠金沙网站-澳门皇冠844网站

热门关键词: 澳门皇冠金沙网站,澳门皇冠844网站

js操作输入框提示信息且响应鼠标事件,默认值示

我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用js代码实现如下:

复制代码 代码如下:

html代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns=";
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery JavaScript 实现 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>

复制代码 代码如下:

效果预览:
澳门皇冠844网站 1澳门皇冠844网站, 

<input type="text" id="email" name="email" class="txt_input" value="请输入经常使用的邮箱" onfocus="fn_focus(this);" onblur="fn_blur(this);"/>

您可能感兴趣的文章:

  • jQuery表单获取和失去焦点输入框提示效果的实例代码
  • jQuery设置和移除文本框默认值的方法
  • javascript和jquery实现设置和移除文本框默认值效果代码
  • jQuery实现设置、移除文本框默认值功能
  • jQuery响应鼠标事件并隐藏与显示input默认值
  • 用jQuery获取IE9下拉框默认值问题探讨
  • jquery控制表单输入框显示默认值的方法

本文由澳门皇冠金沙网站发布于前端开发,转载请注明出处:js操作输入框提示信息且响应鼠标事件,默认值示