JQuery的input title是一個常見的特性，它可以讓我們在鼠標懸浮在某個輸入框上時彈出一個提示框，來幫助用戶更快地理解輸入框需要填寫的信息。本文將講解如何使用JQuery來實現它。

首先，我們需要為每個輸入框添加一個title屬性。

<input type="text" title="請輸入您的用戶名">

接著，我們需要編寫JQuery代碼來實現彈出提示框的效果。我們可以使用jQuery的hover()函數來監聽鼠標懸浮事件。

$(document).ready(function() {
$('input[title]').hover(function() {
// 鼠標懸浮事件
var title = $(this).attr('title');
$(this).data('title', title).removeAttr('title');
$('
').text(title).appendTo('body').fadeIn('slow');        
}, function() {
// 鼠標移出事件
$(this).attr('title', $(this).data('title'));
$('.tooltip').remove();
}).mousemove(function(e) {
// 鼠標移動事件
var mouseX = e.pageX + 20; 
var mouseY = e.pageY + 10;
$('.tooltip').css({ top: mouseY, left: mouseX });
});
});

這段代碼中，我們首先使用hover()函數監聽所有帶有title屬性的輸入框。當鼠標懸浮在一個輸入框上時，我們會先把該輸入框的title屬性保存到data()中，然后移除該屬性，再創建并添加一個div元素（類名為tooltip），并將該輸入框原本的title屬性的值作為該div元素的文本內容。接著，我們使用fadeIn()函數來創建一個漸變效果，使提示框逐漸顯示出來。

當鼠標移出輸入框時，我們會再次把該輸入框的title屬性賦值為data()中保存的原始title屬性值，同時移除之前創建的提示框。當鼠標移動時，我們監聽mousemove()函數，計算出提示框的位置，并使用css()函數來修改該提示框的位置。

通過以上代碼，我們就可以非常簡單地實現JQuery的input title特性。希望這篇文章能夠對你有所幫助。