HTML的radio元素是一種非常常見的表單元素,通常用于讓用戶從多個(gè)選項(xiàng)中選擇一個(gè)。但有時(shí)候我們需要讓用戶不選擇任何選項(xiàng),這時(shí)該怎么做呢?其實(shí)HTML提供了一種很簡單的方法,就是設(shè)置一個(gè)默認(rèn)不選中的選項(xiàng),普遍的做法是在最后添加一個(gè)“未選擇”選項(xiàng)。
<input type="radio" name="options" value="option1">選項(xiàng)1<br> <input type="radio" name="options" value="option2">選項(xiàng)2<br> <input type="radio" name="options" value="option3">選項(xiàng)3<br> <input type="radio" name="options" value="" checked>未選擇<br>
在代碼中,我們設(shè)置了一個(gè)空字符串的value,并且給它加上了checked屬性。這樣一來,在初始化時(shí)就會自動選中它,而用戶又無法選擇它。這樣,在我們的代碼中,就有了一個(gè)默認(rèn)不選中的選項(xiàng),用戶要么選擇其中一個(gè)選項(xiàng),要么就不選擇任何一個(gè)。
需要注意的是,如果我們不想讓某個(gè)radio被默認(rèn)選中,就不需要在其中加入checked屬性。比如下面這個(gè)代碼:
<input type="radio" name="gender" value="man">男性<br> <input type="radio" name="gender" value="woman">女性<br>
在這個(gè)代碼中,我們沒有添加任何的checked屬性,所以默認(rèn)情況下,用戶不會自動選擇任何一個(gè)選項(xiàng)。如果我們想讓用戶必須選擇一個(gè)選項(xiàng),我們就必須在代碼中添加一個(gè)默認(rèn)不選中的選項(xiàng),就像上面的例子一樣。