2012-08-29 11 views
12

水平ボタングループの代わりに垂直ラジオボタングループをHTMLフォームに作成するにはどうすればいいですか?テーブルラジオボタングループをテーブルタグのないHTMLフォームで作成する方法

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

ご協力いただきありがとうございます。ありがとうございます。 CSSを持つ2つまたは1オールドスクールHTMLで:

1)好ましい方法は次のようになりCSSクラスを使用する

答えて

23

は、あなたがそれを行うことができる3つの方法があります。インラインスタイル:(スタイルシートに

2すなわち要素にクラス=「ブロック」を追加して.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> 
+0

@Chelsea Urquhartありがとうございました。 – John

+1

新しいCSSクラスを定義しなくても、これをCSSで行うことができます。 html構造体が許せば、 'form label'のようなセレクタを使用して、' display:block'を適用してください。 – TinkerTenorSoftwareGuy

+0

本当にhtml要素にCSSを直接​​適用するファン私自身。私はBEM(http://getbem.com/)の方に引き寄せがちです。 –

関連する問題