बूलियन विशेषताओं के लिए वाक्यविन्यास क्या है, उदा। एचटीएमएल में एक चेकबॉक्स चेकबॉक्स?

Question

एक मूर्ख सवाल की तरह लगता है, लेकिन मुझे आश्चर्य है कि एचटीएमएल में एक चेकबॉक्स चेक/अनचेक किया गया है यह कहने का सबसे अच्छा तरीका क्या है।

मैंने देखा है कई अलग अलग उदाहरण:

<input type="checkbox" checked="checked" /> 
<input type="checkbox" /> 

<input type="checkbox" checked="yes" /> 
<input type="checkbox" checked="no" /> 

<input type="checkbox" checked="true" /> 
<input type="checkbox" checked="false" /> 

कौन से ब्राउज़र सबसे महत्वपूर्ण बात इनमें से कौन सा के साथ काम है, और, jQuery यह पता लगाने जो बॉक्स सभी 3 में चेक किया गया है?

संपादित करें: डब्ल्यू 3 सी स्पेक का अर्थ यह है कि केवल चेक किए गए एटर सही हैं। क्या इसका मतलब है कि चेक = "झूठी" और चेक = "नहीं" अभी भी बॉक्स को चेक करेगा?

Answer 1

है HTML में: सही

<input type="checkbox" checked="checked" /> 

Answer 2

HTML:

के रूप में वे W3C page पर कहते हैं कि उनमें से कोई भी सही एक होना चाहिए। checked विशेषता को बस सेट करना होगा।

जैसा कि मैंने Coronatus 'टिप्पणी में लिखा है:

वास्तव में, यह कोई फर्क नहीं पड़ता अगर यह जाँच की है, जाँच = "जो कुछ भी" या जाँच = "जाँच"। यह बूलियन मान की जांच कर रहा है, इसलिए यह या तो सत्य (सेट) या गलत (सेट नहीं है) है।

एक्सएचटीएमएल:

आप इसे निर्दिष्ट करने के लिए है, इसलिए checked="checked" ही मान्य है। अधिकांश ब्राउज़र शायद HTML मानों को सही तरीके से पार्स करेंगे, लेकिन फिर भी आपको अपने पृष्ठ पर त्रुटि होगी।

Answer 3

W3C recommendations के अनुसार आपका पहला सुझाव सही है।

Answer 4

"चेक" संपत्ति की उपस्थिति स्थिति निर्दिष्ट करती है। मान अप्रासंगिक है/आवश्यक नहीं है।

<input type="checkbox" checked="checked" /> 
<input type="checkbox" /> 

मेरे सुझाव

Answer 5

HTML spec के अनुसार,:

<input type="checkbox" checked> 
<input type="checkbox" checked="checked"> 

एक्सएचटीएमएल के लिए आप विशेषता/मूल्य मिलान जोड़े का उपयोग करना पड़ एक है:

<input type="checkbox" checked /> 
<input type="checkbox" /> 

मैं इसका उपयोग करता हूं और jQuery उनके साथ पूरी तरह से काम करता है।

Answer 6

एक त्वरित परीक्षण से पता चलता है कि jQuery किसी भी मूल्य सेट को चेक करने के बराबर करता है।

alert($('input:checked').length); 
// Returns 5 

यहां तक ​​कि एक खाली स्ट्रिंग और नकारात्मक मान।

Answer 7

मैं क्रोम, फ़ायरफ़ॉक्स और ओपेरा पर इसका उपयोग करके सावधान रहूंगा। Chorme को दिखाए गए चेकबॉक्स के साथ कोई समस्या है, फ़ायरफ़ॉक्स शैलियों और टैग के साथ संवेदनशील है, और ओपेरा ठीक चल रहा है लेकिन अद्यतन करने में धीमा है। इस्तेमाल होने वाले ब्राउज़र के संस्करण हो सकते हैं।

इसके अलावा मुझे विश्वास है कि इसे <input type="checkbox" checked /> चलाएं, बस उन सभी में ठीक है। वास्तव में एकमात्र अंतर यह है कि व्यक्तिगत ब्राउज़र पृष्ठ पर सामग्री दिखाने के लिए कैसे दिखाई देते हैं।

Answer 8

डब्ल्यू 3 सी स्पेक का अर्थ यह है कि केवल चेक किए गए एटर सही हैं। क्या इसका मतलब है कि चेक = "झूठी" और चेक = "नहीं" अभी भी बॉक्स को चेक करेगा?

बिल्कुल। यही कारण है कि checked="true" और checked="yes" का उपयोग करना एक बुरा विचार है, उनका मतलब है कि checked="false" और checked="no" बॉक्स को चेक नहीं करेगा।

Answer 9

एचटीएमएल 5 कल्पना:

http://www.w3.org/TR/html5/infrastructure.html#boolean-attributes:

एक तत्व पर एक बूलियन विशेषता की उपस्थिति सही मूल्य का प्रतिनिधित्व करता है, और विशेषता के अभाव झूठी मूल्य का प्रतिनिधित्व करता।

यदि विशेषता मौजूद है, तो इसका मान या तो खाली स्ट्रिंग या मान होना चाहिए जो विशेषता के कैननिकल नाम के लिए एएससीआईआई केस-असंवेदनशील मैच है, जिसमें कोई अग्रणी या पिछला सफेद स्थान नहीं है।

निष्कर्ष:

Let टैग tag की एक बूलियन विशेषता, checked और <input type="checkbox" तरह boolean।

निम्नलिखित , वैध बराबर और सही हैं:

<tag boolean /> 
<tag boolean="" /> 
<tag boolean="boolean" /> 
<tag boolean="BoOlEaN" /> 

निम्नलिखित अमान्य हैं:

<tag boolean="0" /> 
<tag boolean="1" /> 
<tag boolean="false" /> 
<tag boolean="true" /> 

विशेषता के अभाव के लिए झूठी वैध वाक्य रचना है :

<tag /> 

सिफ़ारिश

आप मान्य एक्सएचटीएमएल लेखन के बारे में परवाह है, तो boolean="boolean" उपयोग करते हैं, <tag boolean> के बाद से अवैध एक्सएचटीएमएल (लेकिन मान्य HTML) और अन्य विकल्प कम पढ़े जा सकते हैं। अन्यथा, बस <tag boolean> का उपयोग करें क्योंकि यह छोटा है।