HTML DOM Input Search size प्रॉपर्टी

HTML DOM Input Search size प्रॉपर्टी का उपयोग इनपुट सर्च फील्ड size एट्रिब्यूट मान को सेट या वापस करने के लिए किया जाता है। इसका उपयोग वर्णों के संदर्भ में सर्च फील्ड की चौड़ाई को परिभाषित करने के लिए किया जाता है। डिफ़ॉल्ट चौड़ाई 20 वर्णों की होती है।

सिंटैक्स

Search size प्रॉपर्टी सेट करने का सिंटैक्स:

searchObject.size = number

यहां, number वर्णों में सर्च फील्ड की चौड़ाई दर्शाता है। डिफ़ॉल्ट चौड़ाई 20 वर्ण है।

उदाहरण

Input search size प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input search size property</h1> 
<form> 
  FRUITS: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>नीचे दिए गए बटन पर क्लिक करके सर्च फील्ड की चौड़ाई बदलें</p> 
<button onclick="changeSize()">CHANGE</button> 
<p id="Sample"> 
<script> 
  function changeSize() { 
    document.getElementById("SEARCH1").size += 20; 
    var s = document.getElementById("SEARCH1").size; 
    document.getElementById("Sample").innerHTML = "The search field width is now " + s; 
  } 
</script> 
</body> </html>

आउटपुट

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

CHANGE बटन पर क्लिक करने पर: