html - 如何在没有表格标签的情况下以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>