Label for password field

前端 未结 7 998
渐次进展
渐次进展 2021-01-03 04:24


I\'m using jQuery to make the inline labels

7条回答
  •  走了就别回头了
    2021-01-03 05:08

    Check out the code below. Just append addPassClear("Password") to any input element that you want this functionality for.

    $(function() {
    $.fn.addPassClear =
    function(text)
    {
      return $(this).each(
      function()
      {
        $(this).focus(function(event){$(this).passFocusize(text); $(this).select(); });
        $(this).blur(function(event){$(this).passBlurize(text); });
      });
    }
    $.fn.passFocusize =
    function(text)
    {
      return $(this).each(
      function()
      {
        if ($(this).val()==text && $(this).attr("type")=="text")
        {
          $(this).val("");
          this.type="password";
        }
      });
    };
    $.fn.passBlurize =
    function(text)
    {
      return $(this).each(
      function()
      {
        if ($(this).val()=="")
        {
          $(this).val(text);
          this.type="text";
        }
      });
    };
    };
    

提交回复
热议问题