HTML input radio是一種用于選擇一個選項的輸入元素。它可以讓用戶從一組選項中選擇一個。
以下是一個HTML input radio的實例：
<form>
<input type="radio" id="option1" name="options" value="option1">
<label for="option1">Option 1</label>
<input type="radio" id="option2" name="options" value="option2">
<label for="option2">Option 2</label>
<input type="radio" id="option3" name="options" value="option3">
<label for="option3">Option 3</label>
</form>
在上面的例子中，我們創(chuàng)建了一個包含三個選項的radio按鈕組。每個選項都使用input元素和label元素進行組合。
input元素的type屬性設(shè)置為radio，以指定它是一個radio按鈕。
id屬性用于唯一標(biāo)識每個選項。
name屬性用于將這些選項分組在一起。這意味著用戶只能從同一組中選擇一個選項。
value屬性用于指定選項的值。這個值將在用戶選擇該選項時發(fā)送到服務(wù)器。
label元素的for屬性與對應(yīng)的input元素的id屬性相匹配，以便用戶在點擊標(biāo)簽時選擇相應(yīng)的選項。
在上面的例子中，用戶只能選擇一個選項，因為它們都有相同的name屬性。如果你想允許用戶選擇多個選項，你可以將每個選項的name屬性設(shè)置為不同的值。
使用CSS樣式可以自定義radio按鈕的外觀?？梢詰?yīng)用不同的樣式來突出顯示選中的選項。
以上是HTML input radio的基本用法和一個簡單的實例。你可以根據(jù)自己的需求來擴展和修改這個實例。
億速云公眾號
手機網(wǎng)站二維碼