Как создать вертикальную группу кнопок радио вместо горизонтальной группы кнопок в форме html?
Я не хочу использовать таблицу для этого. Доступно ли свойство/атрибут?
Приветствуется любой вид помощи/предложения.
Как создать группу Vertical Radio Button в формате html без тега таблицы
Ответ 1
Есть три способа сделать это: два с CSS или 1 с oldschool html:
1) Предпочтительным способом было бы использовать класс CSS. (т.е. добавить class= "block" к элементу, а затем .block {display: block} в таблицу стилей.
2) Встроенные стили: Добавьте элемент style = "display: block" к элементу.
3) HTML: добавьте элемент hard break (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>