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

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


HTML में URL इनपुट टाइप <input type="url"> का उपयोग करके किया जाता है। इसका उपयोग करके, उपयोगकर्ताओं को URL इनपुट जोड़ने की अनुमति दें। कुछ ब्राउज़र्स पर, दर्ज URL मान्य होगा यानी यदि आप URL जोड़ते समय .com भूल जाते हैं, तो यह फॉर्म सबमिट नहीं करेगा और त्रुटि दिखाएगा: "कृपया एक URL दर्ज करें"।

उदाहरण

HTML में URL इनपुट टाइप का उपयोग करने का तरीका सीखने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <title>HTML इनपुट URL</title>    </head>    <body>       <form action = "" method = "get">          विवरण:<br><br>          छात्र का नाम<br><input type="text" name="sname"><br>          छात्र की वेबसाइट<br> <input type="url" name="website"><br>          <input type="submit" value="सबमिट">       </form>    </body> </html>

type="url" स्वचालित रूप से URL फॉर्मेट मान्य करता है (प्रोटोकॉल आवश्यक: https:// या https://)।

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

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

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

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

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

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