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

HTML में स्टेप्स के साथ इनपुट टाइप फ़ील्ड का उपयोग कैसे करें?


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

उदाहरण

इनपुट स्टेप एट्रिब्यूट के साथ संख्याओं का चरण बनाने के लिए निम्न कोड चलाएं। यहां, हम चरण 5 बना रहे हैं, इसलिए वैध इनपुट 5, 10, 15, 20, आदि होंगे।

उसके अलावा कोई संख्या दर्ज करने और सबमिट बटन दबाने पर, निम्न संदेश दिखाई देगा: "कृपया एक वैध मान दर्ज करें"। यह आपको दो निकटतम मान भी बताएगा।

<!DOCTYPE html> <html>    <head>       <title>HTML इनपुट स्टेप एट्रिब्यूट</title>    </head>    <body>       <form action = "" method = "get">          <input type="number" name="points" step="5"><br>          <input type="submit" value="सबमिट">       </form>    </body> </html>

step किसी भी संख्यात्मक इनपुट टाइप (number, range, date, time, आदि) के साथ काम करता है।

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

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

  1. HTML में ईयर इनपुट टाइप कैसे उपयोग करें? HTML में ईयर इनपुट टाइप कैसे उपयोग करें?

    मंथ इनपुट टाइप HTML में <input type=month> का उपयोग करके किया जाता है। इसका उपयोग करके, यूज़र्स को मंथ और ईयर सिलेक्ट करने दें। लेकिन, क्या होगा यदि आप केवल ईयर पॉपअप दिखाना चाहते हैं? खैर, ईयर इनपुट टाइप उपलब्ध नहीं है। ईयर इनपुट टाइप का उपयोग करने के लिए, हम jQuery का उपयोग करके डेटपिकर जोड़

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

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