如何在沒有表格標籤的html表單中創建垂直單選按鈕組

Question

如何在html表單中創建垂直單選按鈕組而不是水平按鈕組？

我不想爲此使用表格。有沒有任何屬性/屬性可用？

任何類型的幫助/建議，將不勝感激，謝謝。

Answer 1

有三種方法可以做到這一點：兩次與CSS或1與老校友HTML：

1）的首選方法是使用一個CSS類。 （即類=「塊」添加到元素，然後.block {顯示：塊}到樣式表

2）內聯樣式：添加風格=「顯示：塊」到元件。

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>