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

HTML इनपुट बॉक्स को केवल न्यूमेरिक इनपुट स्वीकार करने के लिए कैसे सीमित करें?


HTML इनपुट बॉक्स को न्यूमेरिक इनपुट स्वीकार करने के लिए सीमित करने के लिए, <input type="number"> का उपयोग करें। इसके साथ, आपको एक न्यूमेरिक इनपुट फ़ील्ड मिलेगी।

इनपुट बॉक्स को नंबर तक सीमित करने के बाद, यदि कोई उपयोगकर्ता टेक्स्ट दर्ज करता है और सबमिट बटन दबाता है, तो निम्न दिखाई देगा: "कृपया एक संख्या दर्ज करें।"

उदाहरण

HTML इनपुट बॉक्स को केवल न्यूमेरिक इनपुट स्वीकार करने के लिए सीमित करने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <title>HTML इनपुट नंबर</title>    </head>    <body>       <form action = "" method = "get">          1 से 20 के बीच कोई भी संख्या दर्ज करें:          <input type="number" name="num" min="1" max="20"><br>          <input type="submit" value="सबमिट">       </form>    </body> </html>

type="number" स्वचालित रूप से गैर-संख्यात्मक इनपुट को अस्वीकार करता है और स्पिन बटन प्रदान करता है।

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

    HTML इनपुट टाइप step एट्रिब्यूट कानूनी संख्या अंतराल सेट करता है। स्टेप्स संख्या चरण होते हैं जैसे 0, 4, 8, 12, 16, आदि। step एट्रिब्यूट का उपयोग max और min एट्रिब्यूट्स के साथ कानूनी मानों की एक श्रेणी बनाने के लिए किया जा सकता है।उदाहरणइनपुट स्टेप एट्रिब्यूट के साथ संख्याओं का चरण बनाने के लिए निम

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

    यदि आप टेक्स्ट एरिया या इनपुट फ़ील्ड के लिए एक संकेत सेट करना चाहते हैं, तो HTML placeholder एट्रिब्यूट का उपयोग करें। संकेत अपेक्षित मान है, जो उपयोगकर्ता द्वारा मान दर्ज करने से पहले प्रदर्शित होता है, उदाहरण के लिए, नाम, विवरण, आदि।उदाहरणHTML में placeholder एट्रिब्यूट का उपयोग करना सीखने के लिए

  1. HTML DOM इनपुट नंबर ऑब्जेक्ट HTML DOM इनपुट नंबर ऑब्जेक्ट

    परिचय HTML DOM इनपुट नंबर ऑब्जेक्ट type=number वाले <input> एलिमेंट को दर्शाता है। सिंटैक्स - नंबर ऑब्जेक्ट बनाना var numberInput = document.createElement(INPUT); numberInput.setAttribute(type, number); प्रॉपर्टीज़ प्रॉपर्टीव्याख्या autocompleteनंबर इनपुट फील्ड के autocomplete एट्रिब्यूट