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

HTML में एलिमेंट को फॉर्म सबमिट से पहले भरना अनिवार्य कैसे करें?

HTML में required बूलियन एट्रिब्यूट का उपयोग करके निर्दिष्ट किया जाता है कि फॉर्म सबमिट करने से पहले एलिमेंट भरा जाना चाहिए। यदि फील्ड खाली है और सबमिट क्लिक किया जाता है, तो ब्राउज़र नेटिव वैलिडेशन एरर दिखाता है ("कृपया इस फील्ड को भरें") और सबमिशन रोकता है।

required एट्रिब्यूट <input>, <select>, और <textarea> एलिमेंट्स पर उपयोग हो सकता है।

उदाहरण

निम्न कोड से required एट्रिब्यूट लागू करें:

<!DOCTYPE html> <html> 
  <head> 
    <title>HTML placeholder attribute</title> 
  </head> 
  <body> 
    <h2>रजिस्टर</h2> 
    <form action="/new.php"> 
      <input type="text" placeholder="छात्र उपयोगकर्ता नाम" name="name" required/><br> 
      <input type="submit" value="सबमिट"> 
    </form> 
  </body> 
</html>

नोट: मूल लेख में readonly का उल्लेख था जो गलत है - यह required एट्रिब्यूट के लिए है।

  1. HTML में रिक्वायर्ड एट्रिब्यूट का उपयोग कैसे करें? HTML में रिक्वायर्ड एट्रिब्यूट का उपयोग कैसे करें?

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

  1. - HTML में एलिमेंट को रीड-ओनली कैसे निर्दिष्ट करें?

    किसी एलिमेंट को रीड-ओनली (केवल पढ़ने योग्य) बनाने के लिए readonly बूलियन एट्रिब्यूट का उपयोग किया जाता है। उपयोगकर्ता मान नहीं बदल सकता, लेकिन एलिमेंट फोकस प्राप्त कर सकता है, टैब नेविगेशन में शामिल होता है, और फॉर्म सबमिशन में इसका मान भेजा जाता है ( disabled के विपरीत जो सबमिशन से बाहर रहता है)।

  1. - HTML में स्टाइल्स केवल पैरेंट एलिमेंट और उसके चाइल्ड्स पर कैसे लागू करें?

    scoped एट्रिब्यूट का उपयोग <style> टैग पर करके यह निर्दिष्ट किया जाता है कि स्टाइल्स केवल उस <style> के पैरेंट एलिमेंट और उसके चाइल्ड एलिमेंट्स पर लागू होंगी (पूरे डॉक्यूमेंट पर नहीं)। यह CSS स्कोपिंग/एनकैप्सुलेशन प्रदान करता है। उदाहरण <!DOCTYPE html> <html> <head>