html - 如何在没有表格标签的html表单中创建垂直单选按钮组

Question

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

我不想为此使用表格。是否有任何可用的属性/属性？

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

Answer 1

您可以通过三种方式做到这一点：两种使用 CSS 或 1 使用 oldschool html：

1) 首选方法是使用 CSS 类。（即添加class="block"到元素，然后.block {display:block}到您的样式表。

2）内联样式：将style="display:block"添加到元素中。

3）HTML：在radio元素之后添加一个硬中断（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>