在下面的代码中，当我单击男性文本（不是单选按钮）时，它会选择该选项，但是当我单击女性文本时，它会选择单选按钮。如何？请帮忙。
`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="action.php">
<lable for="id1">
<input type="radio" value="Male" name="Gender" id="id1">Male
</lable>
<label for="id2">
<input type="radio" value="Female" name="Gender" id="id2">Female
</label>
</form>
</body>
</html>`
我期望通过单击男性文本来选择男性单选按钮，但只有在单击男性单选按钮后才会选择它。
问题是两个单选按钮具有相同的名称属性。
<lable for="Male">
<input type="radio" value="Male" name="Male" id="id1">Male
</lable>
<label for="Female">
<input type="radio" value="Female" name="Female" id="id2">Female
</label>