HTML中的穿梭框是一種非常實用的組件，它可以讓用戶在列表中選擇一些項目，并將其移動到另一個列表中。下面是HTML穿梭框的代碼示例：

<div class="transfer">
<ul class="left">
<li value="1">項目 1</li>
<li value="2">項目 2</li>
<li value="3">項目 3</li>
<li value="4">項目 4</li>
</ul>
<div class="buttons">
<button class="add">></button>
<button class="remove"><</button>
</div>
<ul class="right"></ul>
</div>

在這個例子中，div元素的類名為“transfer”，它包含兩個ul元素，分別是左邊的列表和右邊的列表。每個列表中包含幾個li元素，代表用戶可以選擇的項目。buttons元素包含兩個按鈕，分別用于在兩個列表之間移動項目。 除了HTML代碼之外，您還需要一些JavaScript代碼，以便穿梭框能夠工作。以下是使用jQuery實現穿梭框的JavaScript代碼：

$(function() {
// 添加項目到右側列表
$('.add').click(function() {
$('.left li:selected').appendTo('.right');
});
// 從右側列表中刪除項目
$('.remove').click(function() {
$('.right li:selected').appendTo('.left');
});
});

在這個JavaScript示例中，我們使用了jQuery庫來選擇DOM元素和執行操作。當用戶點擊“添加”按鈕時，我們選擇當前左側列表中所選的項目，并將它們附加到右側列表中。類似地，當用戶點擊“刪除”按鈕時，我們將右側列表中所選的項目附加回左側列表中。 穿梭框是一個非常實用的HTML組件，可以幫助您讓用戶更輕松地管理數據。通過這個示例，您可以了解如何使用HTML和JavaScript編寫自己的穿梭框代碼。