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

HTML <input> checked एट्रिब्यूट


<input> एलिमेंट का checked एट्रिब्यूट निर्दिष्ट करता है कि इनपुट टाइप चेकबॉक्स चेक्ड है जब वेब पेज लोड होता है। आप इस एट्रिब्यूट का उपयोग इनपुट टाइप रेडियो के साथ भी कर सकते हैं।

निम्नलिखित सिंटैक्स है:

<input type=”checkbox” checked>

उपरोक्त, हमने इसे चेक्ड सेट किया है क्योंकि हम चाहते थे कि वेब पेज लोड होने पर चेकबॉक्स चुना हुआ हो।

आइए अब <input> एलिमेंट के checked एट्रिब्यूट को लागू करने का एक उदाहरण देखें:

उदाहरण

<!DOCTYPE html> <html> <body> <h2>Register</h2> <form action = "" method = "get"> Id: <input type = "text" name = "id" placeholder = "Enter UserId here..." size = "25"><br> Password: <input type = "password" name = "pwd" placeholder = "Enter password here..."><br> DOB: <input type = "date" name = "dob" placeholder = "Enter date of birth here..."><br> Telephone: <input type = "tel" name = "tel" placeholder = "Enter mobile number here..."><br> Email: <input type = "email" name = "email" placeholder = "Enter email here..." size = "35"><br><br> <input type = "checkbox" name = "vehicle" value = "Bike" checked>Newsletter Subscription: <br> <button type = "submit" value = "Submit">Submit</button> </form> </body> </html>

आउटपुट

HTML <input> checked एट्रिब्यूट

उपरोक्त उदाहरण में, हमारे पास एक बटन के साथ एक फॉर्म है:

<form action = "" method = "get"> Id: <input type = "text" name = "id" placeholder = "Enter UserId here..." size = "25"><br> Password: <input type = "password" name = "pwd" placeholder = "Enter password here..."><br> DOB: <input type = "date" name = "dob" placeholder = "Enter date of birth here..."><br> Telephone: <input type = "tel" name = "tel" placeholder = "Enter mobile number here..."><br> Email: <input type = "email" name = "email" placeholder = "Enter email here..." size = "35"><br><br> <input type = "checkbox" name = "vehicle" value = "Bike" checked>Newsletter Subscription: <br> <button type = "submit" value = "Submit">Submit</button> </form>

इसके साथ, हमने एक चेकबॉक्स भी सेट किया है:

<input type="checkbox" name="vehicle" value="Bike" checked>Newsletter Subscription:

जैसा कि आप ऊपर देख सकते हैं, हमने checked एट्रिब्यूट सेट किया है, ताकि पेज लोड होने पर इनपुट टाइप चेकबॉक्स चेक्ड रहे।


  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;