html - radio的使用时如何避免整个页面只能选一个的情况

Question

1.做单选（radio）时，我设置了两个项目，共4个选项，本计划两个项目各一个选项，但整个页面只能单选，请问怎么回事，是用错type了吗，还是缺了什么？

2.相关代码如下：
{% extends 'base.html' %}

{% block body %}

<h2>{{ the_title }}</h2>

<form method='POST' action='/search4'>

请输入您和他（她）的信息：
性别:	男<input type="radio" name="sex" /> 女<input type="radio" name="sex" />
生肖:	<select><option>鼠</option><option>牛</option><option>虎</option><option>兔</option><option>龙</option><option>蛇</option><option>马</option><option>羊</option><option>猴</option><option>鸡</option><option>狗</option><option>猪</option> width="60"
性别:	男<input type="radio" name="sex" /> 女<input type="radio" name="sex" />
生肖:	<select><option>鼠</option><option>牛</option><option>虎</option><option>兔</option><option>龙</option><option>蛇</option><option>马</option><option>羊</option><option>猴</option><option>鸡</option><option>狗</option><option>猪</option>
顏色（color）:	<input type="color" name="user_color" />

<p>填好资料, 单击此按钮开始匹配：</p>
<p><input value='开始匹配吧！' type='SUBMIT'></p>
</form>

{% endblock %}

3.本计划两个项目各一个选项，但整个页面只能选一项。

4.

Answer 1

因为你四个radio的name都是sex，name相同代表在同一个组，radio在同一个组只能选中一个。
解决方法，不同行设置不同name，如sex2