如何使用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直接運行。
沒有留言:
張貼留言