HTML 5，單選按鈕屬性無法正常工作

正如我們所知，HTML中的單選按鈕功能允許用戶在頁面上選擇其中一個選項。但是當我使用「收音機」時。我可以選擇頁面上的所有選項！請幫助我！以下是這些類型代碼的示例：HTML 5，單選按鈕屬性無法正常工作

<!DOCTYPE html> 
<html> 
<head> <title> Survey </title> </head> 
<body LEFTMARGIN="500" TOPMARGIN = "200"><font face = "BROADWAY"> 
<input type="radio" name="m"/>MS Dhoni <br /> 
<input type="radio" name="v" />Virat Kohli<br /> 
<input type="radio" name="s"/> Sachin Tendulkar <br/></font> 
</body> 
</html>

來源

2017-08-03 Anuj

使用名稱attibute與[單選按鈕無法正常工作]一個共同的名字 – Prabhakaran

可能的複製（https://stackoverflow.com/questions/19710804 /單選按鈕 - 是 - 不工作，正確） – Prabhakaran

請嘗試這樣。這是我們如何使用單選按鈕。

<input type="radio" name="player"/>MS Dhoni <br /> 
 
<input type="radio" name="player" />Virat Kohli<br /> 
 
<input type="radio" name="player"/> Sachin Tendulkar <br/>

來源

2017-08-03 14:55:26 Prabhakaran

單選按鈕允許您從無線電組選擇一個項目。這與頁上的不同，因爲您可以在一個表單中包含多個無線電組。

name屬性用於區分組。

所有的單選按鈕都有不同names因此它們是不同組的成員。

給他們所有相同的name並使用value屬性來區分它們。

添加<label>元素將描述單選按鈕的文本與正確的按鈕相關聯。

<label><input type="radio" name="something" value="m"> MS Dhoni</label><br> <label><input type="radio" name="something" value="v"> Virat Kohli</label><br> <label><input type="radio" name="something" value="s"> Sachin Tendulkar</label><br>

來源

2017-08-03 14:55:38 Quentin

你必須給他們同樣的名稱，但不同的值。

像這樣：

<input type="radio" name="sex" value="male"> Male <br /> 
 
<input type="radio" name="sex" value="female"> Female <br /> 
 

 
<hr> 
 

 
<p>In your case:</p> 
 

 
<input type="radio" name="person" value="m"/>MS Dhoni <br /> 
 
<input type="radio" name="person" value="v"/>Virat Kohli<br /> 
 
<input type="radio" name="person" value="s"/>Sachin Tendulkar <br/>

來源

2017-08-03 14:56:10 Wernerson

HTML 5，單選按鈕屬性無法正常工作

回答

相關問題