Cách tạo Nhóm Nút radio theo dạng html mà không cần thẻ bảng

Question

Làm cách nào để tạo Nhóm Nút radio theo chiều dọc thay vì nhóm nút ngang theo dạng html?

Tôi không muốn sử dụng bảng cho việc này. Có bất kỳ thuộc tính/thuộc tính nào có sẵn không?

Bất kỳ loại trợ giúp/đề xuất nào sẽ được đánh giá cao, cảm ơn.

Answer 1

Có ba cách bạn có thể làm điều đó: hai với CSS hoặc 1 với html oldschool:

1) Cách ưa thích sẽ được sử dụng một lớp CSS. (Tức là thêm class = "block" đến yếu tố và sau đó .block {display: block} để stylesheet của bạn

2.) Phong cách Inline: Thêm style = "display: block" đến phần tử .

3) HTML: Thêm một yếu tố phá vỡ cứng (br) sau khi các yếu tố vô tuyến (hoặc kèm theo các yếu tố từng trong một phần tử div hoặc p)

Ví dụ:.

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