在web開發中，我們經常需要使用表單來收集用戶輸入的信息，然后將這些信息提交到服務器端進行相關處理。在某些情況下，我們需要將這些輸入框的數據回顯到頁面上，讓用戶更加清晰地了解自己的輸入。在這種情況下，jQuery提供了方便的方法來完成表單數據的回顯。

//HTML代碼
<form>
<input type="text" name="name"/>
<input type="text" name="email"/>
<button type="submit">提交</button>
</form>
//jQuery代碼
$('form').submit(function(e){
e.preventDefault(); //阻止表單提交
var name = $('input[name="name"]').val();
var email = $('input[name="email"]').val();
$('form input').val(''); //清空表單
$('#name-display').text(name); //將name顯示到頁面上
$('#email-display').text(email); //將email顯示到頁面上
});

上面的代碼演示了如何通過jQuery來獲取表單輸入框的值，并將這些值展示到頁面上。首先，我們通過submit事件來監聽表單的提交，然后使用preventDefault()方法來阻止表單的默認提交行為。

接下來，我們通過jQuery的選擇器來獲取輸入框的值，即$('input[name="name"]').val()獲取name這個輸入框的值，$('input[name="email"]').val()獲取email這個輸入框的值。獲取到這些值后，我們可以對表單進行清空操作，即$('form input').val('')，這里使用了相對選擇器來獲取所有的輸入框，然后清空它們的值。

最后，我們將獲取到的name和email值通過text()方法顯示到頁面上，即$('#name-display').text(name)和$('#email-display').text(email)。這里我們給頁面上的兩個span元素分別設置了id屬性為name-display和email-display，以便我們能夠方便地將輸入框的值顯示到這里。

通過這種方式，我們可以很方便地實現表單數據的回顯，讓用戶更加直觀地了解自己的輸入。同時，也能夠增強用戶的使用體驗，提升網站的用戶滿意度。