jQuery简单例子-4

最新推荐文章于 2024-05-05 23:48:57 发布

ZKLxuankai

最新推荐文章于 2024-05-05 23:48:57 发布

阅读量558

点赞数

分类专栏： jQuery 文章标签： jquery function input html

本文链接：https://blog.csdn.net/ZKLxuankai/article/details/7573479

版权

jQuery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文介绍了一种使用jQuery实现的表单输入框默认提示文字自动隐藏与显示的方法，当用户聚焦于输入框时，如果输入框中显示的是默认提示文字，则将其清空以便用户输入；当用户离开输入框且未输入内容时，将默认提示文字重新显示。

摘要由CSDN通过智能技术生成

<html>
<head>
   <script type="text/javascript" src="jquery-1.7.2.js"></script>
   <script type="text/javascript">

$(function(){

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

       var value = $(this).val()
       if(value == this.defaultValue)
       {
           $(this).val("");
       }

   });

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

       var value = $(this).val();

       if(value == '')
       {
           $(this).val(this.defaultValue);

       }
   });

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

       var value = $(this).val()
       if(value == this.defaultValue)
       {
           $(this).val("");
       }

   });

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

       var value = $(this).val();

       if(value == '')
       {
           $(this).val(this.defaultValue);

       }
   });

});

   </script>
</head>
<body>

<input type="text" id="username" value="username"><br>
<input type="password" id="password" value="password"><br>

</body>
</html>

<html>