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

एचटीएमएल डोम इनपुट टेक्स्ट आवश्यक संपत्ति

<घंटा/>

HTML DOM इनपुट टेक्स्ट आवश्यक गुण <इनपुट> तत्व की आवश्यक विशेषता से जुड़ा है। आवश्यक संपत्ति का उपयोग सेटिंग और लौटने के लिए किया जाता है यदि सर्वर पर फॉर्म जमा करने से पहले कुछ टेक्स्ट फ़ील्ड भरना आवश्यक है या नहीं। यह फ़ॉर्म को सबमिट नहीं करने देता है यदि उपयोगकर्ता द्वारा आवश्यक विशेषता वाला टेक्स्ट फ़ील्ड खाली छोड़ दिया जाता है।

सिंटैक्स

. के लिए वाक्य रचना निम्नलिखित है

आवश्यक गुण सेट करना -

textObject.required = true|false

यहां, ट्रू का प्रतिनिधित्व करता है कि टेक्स्ट फ़ील्ड भरा जाना चाहिए, जबकि झूठा फॉर्म जमा करने से पहले फ़ील्ड को भरने के लिए इसके वैकल्पिक का प्रतिनिधित्व करता है।

उदाहरण

आइए इनपुट टेक्स्ट की आवश्यक संपत्ति के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>Input Text required property</h1>
<form action="/Sample_page.php">
USERNAME: <input type="text" id="USR" name=”user_name” required>
<input type="submit">
</form>
<p>Check if the above field is mandatory to be filled or not by clicking the below button</p>
<button onclick="checkReq()">CHECK</button>
<p id="Sample"></p>
<script>
   function checkReq() {
      var Req=document.getElementById("USR").required;
      if(Req==true)
         document.getElementById("Sample").innerHTML="The text field must be filled before submitting";
      else
      document.getElementById("Sample").innerHTML="The text field is optional and can be left blank by the user";
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

एचटीएमएल डोम इनपुट टेक्स्ट आवश्यक संपत्ति

चेक बटन पर क्लिक करने पर -

एचटीएमएल डोम इनपुट टेक्स्ट आवश्यक संपत्ति

यदि आप उपयोगकर्ता नाम दर्ज किए बिना अभी "सबमिट करें" पर क्लिक करेंगे, तो एक चेतावनी दिखाई देगी और यह आपको फ़ॉर्म जमा करने की अनुमति नहीं देगी -

एचटीएमएल डोम इनपुट टेक्स्ट आवश्यक संपत्ति


  1. एचटीएमएल डोम इनपुट टेक्स्ट नाम संपत्ति

    HTML DOM इनपुट टेक्स्ट नेम प्रॉपर्टी का उपयोग इनपुट टेक्स्ट फ़ील्ड के नाम एट्रिब्यूट को सेट करने या वापस करने के लिए किया जाता है। नाम विशेषता सर्वर पर सबमिट किए जाने के बाद फ़ॉर्म डेटा की पहचान करने में मदद करती है। सिंटैक्स − . के लिए वाक्य रचना निम्नलिखित है नाम संपत्ति सेट करना - textObject.na

  1. एचटीएमएल डोम इनपुट टेक्स्ट अधिकतम लम्बाई संपत्ति

    HTML DOM इनपुट टेक्स्ट maxLength प्रॉपर्टी का उपयोग इनपुट टेक्स्ट फ़ील्ड की maxlength विशेषता को सेट करने या वापस करने के लिए किया जाता है। maxLength प्रॉपर्टी टेक्स्ट फ़ील्ड में आपके द्वारा टाइप किए जा सकने वाले वर्णों की अधिकतम संख्या निर्दिष्ट करती है। सिंटैक्स − . के लिए वाक्य रचना निम्नलिखित ह

  1. एचटीएमएल डोम इनपुट टेक्स्ट फॉर्म संपत्ति

    HTML DOM इनपुट टेक्स्ट फॉर्म प्रॉपर्टी का उपयोग फॉर्म संदर्भ को वापस करने के लिए किया जाता है जिसमें इनपुट टेक्स्ट फ़ील्ड होता है। यदि इनपुट टेक्स्ट फ़ील्ड फॉर्म के बाहर है तो यह केवल न्यूल लौटाएगा। यह संपत्ति केवल पढ़ने के लिए है। सिंटैक्स इनपुट टेक्स्ट फॉर्म प्रॉपर्टी के लिए सिंटैक्स निम्नलिखित ह