HTML 5，单选按钮属性无法正常工作答案

【问题标题】：HTML 5 , Radio Button property not working properlyHTML 5，单选按钮属性无法正常工作
【发布时间】：2017-08-03 22:56:10
【问题描述】：

众所周知，HTML 中的单选按钮功能允许用户选择页面上的选项之一。但是当我使用“收音机”时。我可以选择页面上的所有选项！请帮帮我！以下是这些类型代码的示例：

<!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>

【问题讨论】：

使用单一通用名称的名称属性
Radio button is not working properly的可能重复

标签： html

【解决方案1】：

单选按钮允许您从单选组中选择一项。这与页面上的不同，因为您可以在一个表单中拥有多个无线电组。

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>

【讨论】：

【解决方案2】：

您必须为它们提供相同的名称但不同的值。

像这样：

<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/>

【讨论】：

【解决方案3】：

试试这样。这就是我们必须使用单选按钮的方式。

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

【讨论】：