HTML中的單選框是通過(guò)radio屬性來(lái)創(chuàng)建的,在form元素中使用<input>元素來(lái)創(chuàng)建單選框。
<form> <p> <input type="radio" name="gender" value="male"> Male </p> <p> <input type="radio" name="gender" value="female"> Female </p> </form>
以上代碼會(huì)創(chuàng)建兩個(gè)單選框,它們的name屬性都為“gender”,因此只能選中其中的一個(gè)。
同時(shí),每個(gè)單選框都有一個(gè)value屬性,該屬性決定了在表單提交時(shí)被發(fā)送到服務(wù)器的值。
除了以上的屬性,單選框還有其他一些可能用到的屬性:
- checked:設(shè)置該屬性為“checked”可以在頁(yè)面加載時(shí)默認(rèn)選中該單選框。
- disabled:設(shè)置該屬性為“disabled”可以禁用該單選框,禁止用戶進(jìn)行選擇。
- required:設(shè)置該屬性為“required”可以要求用戶必須選擇其中一個(gè)單選框。
使用以上屬性需要按照以下的格式:
<input type="radio" name="choice" value="1" checked disabled required>
上面的代碼會(huì)創(chuàng)建一個(gè)被默認(rèn)選中、禁用且必須選擇的單選框,該單選框的name屬性為“choice”,value屬性為“1”