HTML radio 單選按鈕

今天要寫的頁面上有一個單選按鈕的標籤,或者說控件。然後寫了幾次,發現總是寫不對,兩個選項總是可以同時選中。記得剛學HTML的時候,這個是很簡單的一個標籤。於是上網看網頁加自己動手實驗,找到了問題所在。

分析:首先,創建一個單選按鈕: <input   type="radio"     />男     <input   type="radio"     />女;這樣寫的話,兩者是可以同時選中的。

解決:在input標籤中加一個name屬性,讓兩者的name屬性值相同,這樣系統就會知道包含這個相同name值的元素是互斥的,也就實現了我們想要的結果。很多人應該覺得這個很簡單,但是對於我來說,經常不用這個也就容易忘記。提筆寫一寫,權當加深記憶。 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章