HTML DOM इनपुट सर्च साइज प्रॉपर्टी का इस्तेमाल इनपुट सर्च फील्ड साइज एट्रीब्यूट वैल्यू को सेट करने या वापस करने के लिए किया जाता है। इसका उपयोग वर्णों के संदर्भ में खोज क्षेत्र की चौड़ाई को परिभाषित करने के लिए किया जाता है। डिफ़ॉल्ट चौड़ाई 20 वर्णों की होती है.
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैखोज आकार गुण सेट करना -
searchObject.size = number
यहां, संख्या वर्णों में खोज फ़ील्ड की चौड़ाई का प्रतिनिधित्व करती है। डिफ़ॉल्ट चौड़ाई 20 वर्ण है।
उदाहरण
आइए इनपुट सर्च साइज प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <h1>Input search size property</h1> <form> FRUITS: <input type="search" id="SEARCH1" name="fruits"> </form> <p>Change the Search field width by clicking the below button</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>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेंज बटन पर क्लिक करने पर -