Jak utworzyć pionową grupę przycisków radiowych w formie html bez etykiety tabeli

Question

Jak utworzyć pionową grupę przycisków radiowych zamiast poziomej grupy przycisków w formie html?

Nie chcę używać do tego tabeli. Czy jest dostępna jakaś właściwość/atrybut?

Każdy rodzaj pomocy/sugestii zostałby doceniony, dzięki.

Answer 1

Istnieją trzy sposoby, można to zrobić: dwa z CSS lub 1 oldschool HTML:

1) Preferowanym sposobem byłoby wykorzystanie klasę CSS. (Czyli dodać class = "blok" do elementu a następnie .block {display: block} do arkusza

. 2) style inline: Dodaj style = "display: block" do elementu .

3) HTML: Dodać twardego podziału (Br) elementu za elementem radiowej (lub otoczyć elementy, każdy w elemencie div lub p)

Przykład.

<style type="text/css"> 
    .block { 
     display: block; 
    } 
</style> 

...

<form> 
<label class="block"><input type="radio" name="radgroup" value="A">Option A</label> 
<label class="block"><input type="radio" name="radgroup" value="B">Option B</label> 
<label class="block"><input type="radio" name="radgroup" value="C">Option C</label> 
<label class="block"><input type="radio" name="radgroup" value="D">Option D</label> 
</form>