在HTML5中，多選框可以通過在 input 元素中設置 type 屬性為 checkbox 來創建。

<input type="checkbox" name="fruit" value="apple">蘋果
<input type="checkbox" name="fruit" value="orange">橘子
<input type="checkbox" name="fruit" value="banana">香蕉

在上面的代碼中，我們創建了一個 name 屬性為 "fruit" 的多選框組。在每個多選框中，我們設置了對應的水果名稱作為 value 屬性的值，并在 label 元素中顯示出來。

當用戶選擇多個選項時，可以使用 JavaScript 對所選的值進行處理。

<script>
const checkedFruits = document.querySelectorAll('input[name="fruit"]:checked');
let selectedFruits = [];
for(let i = 0; i< checkedFruits.length; i++) {
selectedFruits.push(checkedFruits[i].value);
}
console.log(selectedFruits);
</script>

在上面的代碼中，我們使用了 querySelectorAll 方法獲取了所有 name 屬性為 "fruit" 且被選中的多選框元素。然后使用一個 for 循環將其 value 值放入一個數組中，并將該數組輸出到控制臺中。