用jq設置表單中的輸入框佔位符效果（兼容IE7以上）

input 中的 placeholder 屬性規定可描述輸入字段預期值的簡短的提示信息，該提示會在用戶輸入值之前顯示在輸入字段中。注意：Internet Explorer 9 及之前的版本不支持 標籤的 placeholder 屬性。

輸入框佔位符效果，這是我經常在工作中需要兼容到IE7以上的專題頁面遇到的問題，現在把它記錄下來，方便大家作爲參考吧~

/*設置輸入框佔位符效果*/

  //獲得焦點的時候，佔位符爲空，輸入框的字體顏色爲#000
  function input_focus(inputName, inputValue) {
    $(inputName).on('focus', function () {
        var value_name = $(this).attr('value');
        if (value_name == inputValue) {
            $(this).attr('value', '');
        }
        $(this).css('color', '#000');
    });
  }
  //失去焦點的時候，如果輸入框爲空，則顯示佔位符，佔位符顏色爲：#aaa
  function input_blur(inputName, inputValue) {
    $(inputName).on('blur', function () {
      var value_name = $(this).attr('value');
      if (value_name != '') 
        return;
      } else {
        $(this).css('color', '#aaa');
        $(this).attr('value', inputValue);
      }
    });
  }

  //以下是調用方法，裏面的內容可以具體的修改
  input_focus('#class_name', '請填寫您的姓名');
  input_focus('#class_phone', '請填寫您的聯繫方式');
  input_focus('#class_code', '請填寫您的短信驗證碼');
  input_blur('#class_name', '請填寫您的姓名');
  input_blur('#class_phone', '請填寫您的聯繫方式');
  input_blur('#class_code', '請填寫您的短信驗證碼');