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><option>猴</option>Ylt;/option><2gt; ;雞</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><option>猴</option>Ylt;/option><2gt; ;雞</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