如何在没有表格标签的情况下以html格式创建垂直单选按钮组

Question

如何在html表单中创建垂直单选按钮组而不是水平按钮组？

我不想为此使用表格.有没有可用的属性/属性？

任何类型的帮助/建议将不胜感激,谢谢.

Answer 1

有三种方法可以做到:两个用CSS或一个用oldschool html:

1)首选方法是使用CSS类.(即将class ="block"添加到元素中,然后将.block {display:block}添加到样式表中.

2)内联样式:向元素添加style ="display:block".

3)HTML:在无线电元素之后添加一个硬中断(br)元素(或将每个元素包含在div或p元素中.)

例:

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