शब्दार्थ सही HTML चेकबॉक्स को सूचीबद्ध

Question

मैं एक HTML चेकबॉक्स सूची है कि मैं निम्न स्वरूप में प्रदर्शित करना चाहते हैं मिल गया है:

 
Click all that apply: 
           Title A  Title B 

Option 1       [ ]   [ ] 
Option 2       [ ]   [ ] 
Option 3       [ ]   [ ] 

मैं क्या सबसे अच्छा तरीका यह अर्थ की दृष्टि से कोड करने के लिए सोच रहा हूँ?

मैं शब्दार्थ सही चेक बॉक्स पर एक related question देखा है, लेकिन इस खाते में खिताब नहीं लेता है।

कोई भी विचार?

Answer 1

पंक्तियों और स्तंभों को लेबल किया गया? यह लगभग निश्चित रूप से एक मामला है जहां एक टेबल सही चीज है।

कल्पना कीजिए कि, जब उपयोगकर्ता ने अपना चयन किया है और फॉर्म सबमिट कर लिया है, तो आप उनके विकल्पों को वापस प्रदर्शित कर सकते हैं। एकत्रित डेटा प्रदर्शित करने के लिए तालिका का उपयोग करना स्पष्ट रूप से सही होगा, इसलिए डेटा एकत्र करने वाले फ़ॉर्म को प्रदर्शित करने के लिए तालिका का उपयोग करना सही है।

Answer 2

टेबल्स सबसे आसान तरीका हो सकता है, लेकिन जैसा कि हम जानते हैं कि टेबल डेटा के लिए इस्तेमाल किया जाना चाहिए।

+---style="width:XXXpx"--------------------------------------------------+ 
|+---style="width:100%"-------------------------------------------------+| 
||            +class=opt++class=opt+|| 
||            | title a || title b ||| 
||            +---------++---------+|| 
|+----------------------------------------------------------------------+| 
|+---style="width:100%"-------------------------------------------------+| 
||+----------------------------------------------++class=opt++class=opt+|| 
||| Option 1          || [x] || [x] ||| 
||+----------------------------------------------++---------++---------+|| 
|+----------------------------------------------------------------------+| 
| //repeat for every option            | 
+------------------------------------------------------------------------+ 

सब कुछ एक सीएसएस में जाने चाहिए:

तो मैं एक div निर्माण का उपयोग करेंगे। (इसके अलावा 'इनलाइन' चौड़ाई परिभाषाओं से ऊपर)

.opt { 
    float:right; width: 10%; /*probably*/ z-index: 99; 
    /*edit2:*/ position: relative; 
} 

मुझे यकीन है कि अगर यह काम करता है, मैं इसे इस तरह की कोशिश करेगा नहीं हूँ।

संपादित करें: आह, ये बॉक्स "div" s, btw हैं।

Answer 3

मेरा सुझाव होगा कि एक मेज इस के लिए सही अर्थ संरचना क्योंकि एक चेक बॉक्स का अर्थ पंक्ति और स्तंभ जिसमें यह प्रतीत होता है द्वारा निर्धारित किया जाता होगा। आप किसी तालिका में यह करना होगा:

कैसे आप 1s और 0 के इस सेट में प्रदर्शित करेंगे की Think। आप जो कुछ कर रहे हैं वह कोशिकाओं को संपादन योग्य बना रहा है।

मैं इस पोस्ट को लिखना शुरू करने से भी अधिक आश्वस्त हूं। एक टेबल इसके लिए सही संरचना है।

Answer 4

अर्थात्, यह लेआउट मुझे एक टेबल की तरह दिखता है, इसलिए यदि आपको वास्तव में इस लेआउट का उपयोग करने की आवश्यकता है, तो आपको इसे एक तालिका के रूप में चिह्नित करना चाहिए। (शीर्षक और विकल्पों के लिए वें का उपयोग करें, चेकबॉक्स वाले कक्षों के लिए टीडी।)

हालांकि, परिणामी रूप का उपयोग करना बहुत कठिन होगा। पाठ में से कोई भी प्रत्येक व्यक्तिगत चेकबॉक्स के लिए लेबल के रूप में उपयोग करने के लिए उपयुक्त नहीं है, इसलिए उपयोगकर्ताओं को & खोजने के लिए मजबूर होना होगा चेकबॉक्स के छोटे सक्रिय क्षेत्र पर क्लिक करें।

मेरे सुझाव तो की तरह, विकल्पों में से दो समूहों का उपयोग करने के होगा:

<fieldset><legend>Title 1</legend> 
    <input type="checkbox" id="t1o1"><label for="t1o1">Option 1</label> 
    <input type="checkbox" id="t1o2"><label for="t1o2">Option 2</label> 
    ... 
</fieldset> 
<fieldset><legend>Title 2</legend> 
    ... 
    <input type="checkbox" id="t3o2"><label for="t2o3">Option 2</label> 
    <input type="checkbox" id="t2o3"><label for="t2o3">Option 3</label> 
</fieldset> 

हाँ, यह अपने पाठ है, जो कुछ हद तक रख-रखाव में बाधा उत्पन्न में से कुछ को दोहरा का मतलब है, हालांकि, मुझे लगता है कि एक रूप के लिए, उपयोगिता को रखरखाव को तोड़ना चाहिए।