JQuery是一種JavaScript庫，提供了各種功能強大的工具，其中包括可以輕松處理表單輸入的代碼。其中，一種常用的表單輸入操作涉及到添加輸入框。下面我們將通過示例代碼詳細介紹如何使用JQuery創建一個動態添加輸入框的表單。

$(document).ready(function(){
var count = 0; // 記錄輸入框數量
var max_fields = 10; // 最大輸入框數量
var input_wrapper = $(".input-wrapper"); // 將輸入框添加到這里
// 添加輸入框
$(add_button).click(function(e){
e.preventDefault();
if(count< max_fields){
count++;
$(input_wrapper).append('
移除
');
}
});
// 監聽移除按鈕的點擊事件
$(input_wrapper).on("click",".remove_field", function(e){
e.preventDefault();
$(this).parent('div').remove();
count--;
});
});

在上面的示例代碼中，JQuery代碼首先獲取一個容器元素（class為“input-wrapper”的div元素），然后使用append()方法將一個新的div元素添加到容器中。每個新的div元素包含一個文本輸入框和一個“移除”按鈕。

要添加新的輸入框，只需單擊“添加輸入框”按鈕。我們使用一個計數變量(count)來跟蹤已添加的輸入框的數量，并將其限制為10個。最后，為了允許用戶刪除輸入框，我們還添加了一個單擊事件處理程序，以便在單擊“移除”按鈕時，從DOM中移除相應的輸入框div元素。

總之，使用JQuery動態添加輸入框非常簡單。通過一個容器元素、一些基本的HTML代碼和JQuery代碼，您可以輕松地創建自定義的表單輸入界面。