html - テーブルタグなしでhtml形式で垂直ラジオボタングループを作成する方法

Question

htmlフォームで水平ボタングループの代わりに垂直ラジオボタングループを作成するにはどうすればよいですか？

これにはテーブルを使いたくありません。利用可能なプロパティ/属性はありますか？

どんな種類の助け/提案もありがたいです、ありがとう。

Answer 1

あなたがそれをすることができる3つの方法があります：CSSで2つまたはoldschoolhtmlで1つ：

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>