Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML checked एट्रिब्यूट: चेकबॉक्स/रेडियो प्री-चयन

HTML checked एट्रिब्यूट

checked एट्रिब्यूट एक बूलियन एट्रिब्यूट है जो <input> एलिमेंट (टाइप checkbox या radio) को पेज लोड होने पर प्री-चयनित (pre-selected) स्थिति में सेट करता है।

सिंटैक्स

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

उदाहरण: न्यूज़लेटर सदस्यता चेकबॉक्स

<!DOCTYPE html>
<html>
<body>
  <h2>पंजीकरण</h2>
  <form action="" method="get">
    आईडी: <input type="text" name="id" placeholder="यूजर आईडी दर्ज करें..." size="25"><br>
    पासवर्ड: <input type="password" name="pwd" placeholder="पासवर्ड दर्ज करें..."><br>
    जन्म तिथि: <input type="date" name="dob" placeholder="जन्म तिथि दर्ज करें..."><br>
    टेलीफोन: <input type="tel" name="tel" placeholder="मोबाइल नंबर दर्ज करें..."><br>
    ईमेल: <input type="email" name="email" placeholder="ईमेल दर्ज करें..." size="35"><br><br>
    <input type="checkbox" name="vehicle" value="Bike" checked> न्यूज़लेटर सदस्यता: <br>
    <button type="submit" value="Submit">सबमिट</button>
  </form>
</body>
</html>

आउटपुट

"न्यूज़लेटर सदस्यता" चेकबॉक्स डिफ़ॉल्ट रूप से चेक्ड (चयनित) दिखाई देगा।

कोड व्याख्या

<input type="checkbox" name="vehicle" value="Bike" checked> न्यूज़लेटर सदस्यता:

रेडियो बटन के साथ उपयोग

<input type="radio" name="gender" value="male" checked> पुरुष
<input type="radio" name="gender" value="female"> महिला
<input type="radio" name="gender" value="other"> अन्य

एक रेडियो ग्रुप में केवल एक ही checked होना चाहिए।

JavaScript से नियंत्रण

// जांचें कि चेक्ड है या नहीं
checkbox.checked;  // true/false

// प्रोग्रामेटिकली सेट करें
checkbox.checked = true;
checkbox.checked = false;

फॉर्म सबमिशन

चेक्ड चेकबॉक्स का value सबमिट होता है। अनचेक्ड चेकबॉक्स का मान सबमिट नहीं होता। रेडियो बटन में चयनित विकल्प का मान सबमिट होता है।

  1. HTML id एट्रिब्यूट: यूनिक आइडेंटिफायर और CSS/JS सिलेक्टर्स HTML id एट्रिब्यूट: यूनिक आइडेंटिफायर और CSS/JS सिलेक्टर्स

    HTML id एट्रिब्यूट एक एलिमेंट को यूनिक आइडेंटिफायर आवंटित करता है ताकि उस एलिमेंट को CSS और जावास्क्रिप्ट एप्लिकेशन के लिए अलग से पहचाना जा सके। एक ही HTML पेज पर दो एलिमेंट्स का समान id नहीं हो सकता। IDs ऑक्टोथोर्प (#) से शुरू होते हैं। नोट: HTML5 के अनुसार, संख्या से शुरू होने वाले IDs की अनुमति

  1. HTML list एट्रिब्यूट HTML list एट्रिब्यूट

    परिचय HTML list एट्रिब्यूट एक <datalist> एलिमेंट को संदर्भित करता है जिसमें <input> एलिमेंट के लिए पूर्व-परिभाषित विकल्प होते हैं। यह उपयोगकर्ता को सुझावों की एक सूची प्रदान करता है, लेकिन कस्टम इनपुट की भी अनुमति देता है (ड्रॉपडाउन के विपरीत)। सिंटैक्स <input list=text> उदाहरण &

  1. HTML maxlength एट्रिब्यूट HTML maxlength एट्रिब्यूट

    विवरण HTML maxlength एट्रिब्यूट HTML दस्तावेज़ में इनपुट HTML तत्व में अनुमत अधिकतम वर्णों की संख्या को परिभाषित करता है। सिंटैक्स <input maxlength=text> उदाहरण आइए HTML maxlength एट्रिब्यूट का एक उदाहरण देखें: <!DOCTYPE html> <html> <style> body { color: #000;