HTML5多選按鈕代碼示例 在HTML5中，多選按鈕是一種常用的表單元素。使用多選按鈕可以讓用戶在多個(gè)選項(xiàng)中選擇一個(gè)或多個(gè)。 以下是一個(gè)基本的HTML5多選按鈕代碼示例：

<form>
<p>
<label for="option1">
<input type="checkbox" name="options" id="option1" value="Option 1">
Option 1
</label>
</p>
<p>
<label for="option2">
<input type="checkbox" name="options" id="option2" value="Option 2">
Option 2
</label>
</p>
<p>
<label for="option3">
<input type="checkbox" name="options" id="option3" value="Option 3">
Option 3
</label>
</p>
</form>

在上面的示例中，我們創(chuàng)建了一個(gè)包含三個(gè)復(fù)選框的表單，每個(gè)復(fù)選框都有不同的值和標(biāo)簽。 為了將復(fù)選框與其標(biāo)簽相關(guān)聯(lián)，我們使用了HTML ``元素。此元素內(nèi)的文本描述了一個(gè)選項(xiàng)，并且通過(guò)`for`屬性與包含復(fù)選框的``元素相關(guān)聯(lián)。 每個(gè)``元素都有一個(gè)唯一的`id`屬性，以便在``元素中使用`for`屬性進(jìn)行引用。 `type`屬性用于指定輸入類型為“checkbox”，這表示它是一個(gè)復(fù)選框。`name`屬性指定與多選按鈕相關(guān)的表單數(shù)據(jù)的名稱。 當(dāng)用戶選中一個(gè)或多個(gè)復(fù)選框并提交表單時(shí)，選中的值將發(fā)送到服務(wù)器以進(jìn)行后續(xù)處理。 總結(jié) 在HTML5中使用多選按鈕可以讓用戶在多個(gè)選項(xiàng)中選擇一個(gè)或多個(gè)值。使用``元素的`type`屬性設(shè)置為“checkbox”可以創(chuàng)建一個(gè)復(fù)選框。使用``元素為每個(gè)復(fù)選框設(shè)置標(biāo)簽，使用`name`屬性指定相關(guān)表單數(shù)據(jù)的名稱。選中的值在提交表單時(shí)發(fā)送到服務(wù)器以進(jìn)行后續(xù)處理。