html - Bagaimana untuk mengelakkan situasi di mana hanya satu boleh dipilih untuk keseluruhan halaman apabila menggunakan radio

Question

1 Apabila melakukan pemilihan radio, saya menyediakan dua item, dengan jumlah 4 pilihan saya merancang untuk mempunyai satu pilihan untuk setiap dua item, tetapi keseluruhan halaman hanya boleh dipilih secara tunggal menggunakan jenis yang salah, atau adakah sesuatu yang hilang?

2. Kod yang berkaitan adalah seperti berikut:
{% memanjangkan 'base.html' %}

{% blok badan %}

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

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

Sila masukkan maklumat anda dan dia:
Jantina:	Lelaki<input type="radio" name="jantina" /> Perempuan<input type="radio" name="jantina" />
Zodiak:	<pilih><option>Tikus</option><option>Ox</option><option>Harimau</option><option>Arnab< ;<option>Ular</option><option>Kuda</option><option>Domba</option><option>Monyet</option><option><option> ;anjing</option><option>babi</option> width="60"
Jantina:	Lelaki<input type="radio" name="jantina" /> Perempuan<input type="radio" name="jantina" />
Zodiak:	<pilih><option>Tikus</option><option>Ox</option><option>Harimau</option><option>Arnab< ;<option>Ular</option><option>Kuda</option><option>Domba</option><option>Monyet</option><option><option> ;Anjing</option><option>Pig</option>
Warna:	<input type="color" name="user_color" />

<p>Isi maklumat dan klik butang ini untuk mula memadankan:</p>
<p><nilai input='Mulakan padanan! ' type='SUBMIT'></p>
</form>

{% sekatan akhir %}

3 Terdapat satu pilihan untuk setiap dua item dalam pelan ini, tetapi hanya satu pilihan boleh dipilih pada keseluruhan halaman.

4.

Answer 1

Kerana nama empat radio anda semuanya jantina, dan nama yang sama bermakna mereka berada dalam kumpulan yang sama Hanya satu radio boleh dipilih dalam kumpulan yang sama.
Penyelesaian, tetapkan nama yang berbeza dalam baris yang berbeza, seperti jantina2