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

HTML में इनपुट फील्ड के लिए वैध संख्या अंतराल कैसे शामिल करें?


HTML में step एट्रिब्यूट

step एट्रिब्यूट का उपयोग HTML में <input type="number"> फील्ड के लिए वैध संख्या अंतराल निर्दिष्ट करने के लिए किया जाता है। यह एट्रिब्यूट निर्धारित करता है कि उपयोगकर्ता द्वारा दर्ज किए जा सकने वाले संख्यात्मक मानों के बीच कितना अंतर होना चाहिए।

कार्यप्रणाली

  • Steps संख्या चरण होते हैं जैसे 0, 5, 10, 15, 20, आदि।
  • step एट्रिब्यूट को min और max एट्रिब्यूट्स के साथ संयोजित करके वैध मानों की एक श्रृंखला बनाई जा सकती है।
  • डिफ़ॉल्ट step मान 1 होता है।
  • step="any" का उपयोग करके किसी भी दशमलव मान की अनुमति दी जा सकती है।

उदाहरण

निम्नलिखित कोड step="5" का उपयोग करके केवल 5 के गुणकों को स्वीकार करने वाला इनपुट बनाता है:

<!DOCTYPE html>
<html>
<head>
    <title>HTML इनपुट step एट्रिब्यूट</title>
</head>
<body>
    <form action="" method="get">
        <label for="points">अंक (5 के गुणक में):</label>
        <input type="number" id="points" name="points" step="5" min="0" max="100"><br><br>
        <input type="submit" value="सबमिट">
    </form>
</body>
</html>

अतिरिक्त उदाहरण

कोड स्वीकार्य मान
<input type="number" step="0.01"> दो दशमलव स्थान तक की कोई भी संख्या (मुद्रा के लिए उपयुक्त)
<input type="number" min="0" max="24" step="1"> 0 से 24 तक के पूर्णांक (घंटों के लिए)
<input type="number" step="any"> कोई भी संख्यात्मक मान (दशमलव सहित)
<input type="time" step="900"> 15-मिनट के अंतराल पर समय (900 सेकंड)

सत्यापन नोट

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

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

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

  1. HTML में इनपुट के लिए कैरेक्टर्स में चौड़ाई कैसे जोड़ें? HTML में इनपुट के लिए कैरेक्टर्स में चौड़ाई कैसे जोड़ें?

    उदाहरण <!DOCTYPE html> <html> <body> <form action=> विषय: <input type=text name=sub maxlength=10 size=10><br> <input type=submit value=सबमिट> </form> </body> </html> size एट्रिब्यूट <input type=text>, &

  1. HTML इनपुट फ़ील्ड के ऑटोकंप्लीट को कैसे अक्षम करें? HTML इनपुट फ़ील्ड के ऑटोकंप्लीट को कैसे अक्षम करें?

    किसी इनपुट फ़ील्ड के ऑटोकंप्लीट को अक्षम करने के लिए, आप autocomplete एट्रिब्यूट का उपयोग कर सकते हैं और इसे off पर सेट कर सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> input { font-size: 18px; padding: 10px; margin: 10px; border: 1px s