HTML Radyo Düğmelerinin Altına Düğme Ekleme
HTML radyo düğmeleri, kullanıcıların bir grup seçenekten yalnızca birini seçmelerine olanak tanıyan form öğeleridir. Bazı durumlarda, radyo düğmelerinin altına bir düğme eklemek, kullanıcı deneyimini geliştirmek ve formun işlevselliğini artırmak için yararlı olabilir.
Radyo Düğmelerinin Altına Düğme Ekleme Yöntemleri
Radyo düğmelerinin altına düğme eklemenin birkaç yöntemi vardır:
1. Etiket Öğesi Kullanma:
Bu yöntem, radyo düğmelerini ve düğmeyi bir etiket öğesi içinde gruplandırmayı içerir.
html
<label>
<input type="radio" name="secenekler" value="secenek1"> Seçenek 1
<input type="radio" name="secenekler" value="secenek2"> Seçenek 2
<button type="submit">Gönder</button>
</label>
2. Alan Seti Öğesi Kullanma:
Alan seti öğesi, bir grup ilgili form öğesini gruplandırmak için kullanılır. Bu yöntem, radyo düğmelerini ve düğmeyi bir alan seti öğesi içinde gruplandırmayı içerir.
“`html
“`
3. Div Öğesi Kullanma:
Div öğesi, bir grup HTML öğesini gruplandırmak için kullanılan genel bir öğedir. Bu yöntem, radyo düğmelerini ve düğmeyi bir div öğesi içinde gruplandırmayı içerir.
“`html
Seçenek 2
“`
Stil Verme
Radyo düğmelerinin altındaki düğmeye stil vermek için CSS kullanabilirsiniz. Örneğin, düğmenin boyutunu, rengini ve konumunu ayarlayabilirsiniz.
css
button {
width: 100px;
height: 50px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
margin-top: 10px;
}