HTML step एट्रिब्यूट

परिचय

HTML step एट्रिब्यूट HTML दस्तावेज़ में <input> एलिमेंट के लिए एक संख्या अंतराल (इंटरवल) को परिभाषित करता है। यह संख्यात्मक इनपुट प्रकारों (number, range, date, time, आदि) के साथ काम करता है और मान्य मानों के बीच के अंतर को निर्दिष्ट करता है।

सिंटैक्स

<input step="number">

उदाहरण

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 20px;
  }
  input[type="number"] {
    padding: 10px;
    font-size: 1.2rem;
    width: 150px;
    text-align: center;
    border: 2px solid #ddd;
    border-radius: 4px;
  }
</style>
<body>
<h1>HTML step एट्रिब्यूट डेमो</h1>
<p>ऑर्डर की संख्या दर्ज करें (5 के गुणक में):</p>
<input type="number" step="5" value="0" min="0" max="100">
<p style="color: #666; font-size: 0.9rem;">तीर कुंजियों का उपयोग करके मान बढ़ाएं/घटाएं - यह 5 के चरणों में बदलेगा।</p>
</body>
</html>

आउटपुट

एक संख्या इनपुट दिखाई देगा जिसका प्रारंभिक मान 0 है। जब उपयोगकर्ता तीर ऊपर/नीचे कुंजी दबाता है, तो मान 5 के गुणकों में बदलता है (0, 5, 10, 15, 20...)।

step के साथ काम करने वाले इनपुट प्रकार

महत्वपूर्ण बिंदु

• step="any" किसी भी मान की अनुमति देता है (कोई स्टेप प्रतिबंध नहीं)
• min एट्रिब्यूट के साथ संयोजित करके शुरुआती बिंदु सेट करें
• max एट्रिब्यूट के साथ अधिकतम मान सीमित करें
• वैलिडेशन: यदि मान min से step के गुणक में नहीं है, तो फॉर्म अमान्य होता है
• फ्लोटिंग-पॉइंट संख्याओं के लिए दशमलव मान उपयोग करें (जैसे step="0.01")

उदाहरण: मूल्य इनपुट (2 दशमलव स्थान)

<input type="number" step="0.01" min="0" max="10000" placeholder="₹ 0.00">

उदाहरण: समय स्लॉट (15 मिनट अंतराल)

<input type="time" step="900"> <!-- 900 सेकंड = 15 मिनट -->

ब्राउज़र समर्थन

HTML5 समर्थन वाले सभी आधुनिक ब्राउज़रों में कार्य करता है।