2012年12月5日 星期三

input 顯示提示文字

如何使用Jquery產生輸入框的題是文字,程式碼如下:

<input type="text" id="input_test" value="請輸入文字,謝謝。" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function() {
    var inputEl = $('#inputID'),
    defVal = inputEl.val();
    inputEl.bind({
         focus: function() {
              var _this = $(this);
              if (_this.val() == defVal) {
                   _this.val('');
              }
         },
         blur: function() {
              var _this = $(this);
              if (_this.val() == '') {
                   _this.val(defVal);
              }
         }
   });
})
</script>

此程式碼可以直貼至.html直接運行。

沒有留言:

張貼留言