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