2012-08-29 12 views
12

एचटीएमएल फॉर्म में क्षैतिज बटन समूह के बजाय लंबवत रेडियो बटन समूह कैसे बनाएं?वर्टिकल रेडियो बटन समूह को HTML टैग में बिना टेबल टैग

मैं इसके लिए एक टेबल का उपयोग नहीं करना चाहता हूं। क्या कोई संपत्ति/विशेषता उपलब्ध है?

किसी भी प्रकार की सहायता/सुझाव की सराहना की जाएगी, धन्यवाद। सीएसएस के साथ दो या 1 oldschool एचटीएमएल के साथ:

1) पसंदीदा तरीका होगा एक CSS वर्ग का उपयोग करने के

उत्तर

23

तीन तरीके आप यह कर सकते हैं। (यानी तत्व को वर्ग = "ब्लॉक" जोड़ने और फिर .block {प्रदर्शन: ब्लॉक} अपने स्टाइलशीट को

2।) इनलाइन शैलियों: तत्व के लिए: "ब्लॉक प्रदर्शन"शैली = जोड़ें ।

3) HTML: रेडियो तत्व के बाद एक कठिन ब्रेक (br) तत्व (जोड़ें या एक div या पी तत्व में तत्व एक संलग्न)

उदाहरण:।

<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

धन्यवाद @ चेल्सी Urquhart। – John

+1

मैं जोड़ूंगा कि आप इसे एक नई सीएसएस कक्षा को परिभाषित किए बिना सीएसएस के साथ कर सकते हैं। अगर एचटीएमएल संरचना की अनुमति देता है, तो उपरोक्त मामले में 'फॉर्म लेबल' जैसे चयनकर्ता का उपयोग करें, फिर 'डिस्प्ले: ब्लॉक' – TinkerTenorSoftwareGuy

+0

बहुत सच्चाई लागू करें ... मैं सीएसएस को सीधे एचटीएमएल तत्वों को लागू करने का बड़ा प्रशंसक नहीं रहा हूं हालांकि खुद मैं बीईएम (http://getbem.com/) की तरफ बढ़ता हूं। –

संबंधित मुद्दे