Cómo crear grupos de botones de radio verticales en formato html sin etiqueta de tabla

Question

Cómo crear grupos de botones de radio verticales en lugar de grupos de botones horizontales en un formulario html?

No quiero usar una tabla para esto. ¿Hay alguna propiedad/atributo disponible?

Cualquier tipo de ayuda/sugerencia sería apreciada, gracias.

Answer 1

Hay tres maneras en que puede hacerlo: dos con CSS o html con 1: oldschool

1) sería la mejor forma de usar una clase CSS. (Es decir, añadir class = "bloque" al elemento y luego .block {display: block} a la hoja de estilos

2.) De estilos en línea: Añadir style = "display: block" al elemento .

3) HTML: Añadir un elemento de ruptura duro (ancho) después de que el elemento de radio (o encerrar los elementos de cada uno en un elemento div o p)

Ejemplo:.

<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>