Çözüldü CSS farklı listelerde ki Radio'lar aynı listede gibi hareket ediyor

hayl0s · 18 Aralık 2022

Merhaba, iki farklı liste oluşturdum ve iki listeye de farklı maddeler yerleştirdim. Fakat aşağıda verdiğim halden;

Bu hale geliyor;

İki listeden hangisinden seçim yaparsam diğer listeden kalkıyor ve son seçtiğim işaretli kalıyor. Fakat ben ikisinin de ayrı ayrı seçimi olsun istiyorum. Ne yapmam lazım?

kaan.w · 18 Aralık 2022

HTML:

<form>
  <fieldset id="grup1">
    <input type="radio" value="value1" name="grup1">
    <input type="radio" value="value2" name="grup1">
  </fieldset>

  <fieldset id="grup2">
    <input type="radio" value="value1" name="grup2">
    <input type="radio" value="value2" name="grup2">
    <input type="radio" value="value3" name="grup2">
  </fieldset>
</form>

Bu şekilde yapın. Setler için ortak name kullanarak.

hayl0s · 19 Aralık 2022

kaan.w dedi:

HTML:

<form>
 <fieldset id="grup1">
 <input type="radio" value="value1" name="grup1">
 <input type="radio" value="value2" name="grup1">
 </fieldset>

 <fieldset id="grup2">
 <input type="radio" value="value1" name="grup2">
 <input type="radio" value="value2" name="grup2">
 <input type="radio" value="value3" name="grup2">
 </fieldset>
</form>

Bu şekilde yapın. Setler için ortak name kullanarak.

Hocam küme şeklinde göstermesini istemiyorum, kötü duruyor. Borderı nasıl kaldırabilirim?

kaan.w · 19 Aralık 2022

HTML:

<form>
  <input type="radio" value="value1" name="grup1">
  <input type="radio" value="value2" name="grup1">

  <hr>

  <input type="radio" value="value1" name="grup2">
  <input type="radio" value="value2" name="grup2">
  <input type="radio" value="value3" name="grup2">
</form>

Böyle yapabilirsin. fieldset kullanmak zorunlu değil.

Çözüldü CSS farklı listelerde ki Radio'lar aynı listede gibi hareket ediyor

Ayrıntılı düzenleme

hayl0s

Hectopat

kaan.w

kaan.w

Megapat

hayl0s

Hectopat

kaan.w

Megapat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz