JQuery设置默认值

最新推荐文章于 2023-03-07 15:30:42 发布

xiaoliangaccp

最新推荐文章于 2023-03-07 15:30:42 发布

阅读量5.4k

点赞数 2

CC 4.0 BY-SA版权

文章标签： jquery function input webform xhtml class

本文链接：https://blog.youkuaiyun.com/xiaoliangaccp/article/details/6773420

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm6.aspx.cs" Inherits="jQuery.WebForm6" %>
<!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">
<html>
<head>
<meta charset="utf-8">
<title>input默认值设置</title>

//单个调用

$("#key").setDefauleValue();

})
//设置input,textarea默认值
$.fn.setDefauleValue = function() {
     var defauleValue = $(this).val();
    $(this).val(defauleValue).css("color","#999");
    return this.each(function ()
      {
          $(this).focus(function () {
               if ($(this).val() == defauleValue) {
                 $(this).val("").css("color","#000");//输入值的颜色

              }
           }).blur(function ()
          {
           if ($(this).val() == "") {
                $(this).val(defauleValue).css("color","#999");//默认值的颜色
             }

});

}

</script>
</head>
<body>
<form class="form">
<input type="text" size="30" value="输入昵称">
<input type="text" size="30" value="输入姓名">
<input type="text" size="30" id="key" value="输入学员ID、姓名、昵称进行查找">
</form>
</body>

</html>