HTML <input> टैग

  • पिछला पृष्ठ <img>
  • अगला पृष्ठ <ins>

परिभाषा और उपयोग

<input> टैग इनपुट फील्ड को परिभाषित करता है, जहाँ उपयोगकर्ता डाटा इनपुट कर सकता है

<input> एलीमेंट फॉर्म के सबसे महत्वपूर्ण एलीमेंट है

<input> एलीमेंट की प्रदर्शन शैली कई तरीकों से हो सकती है, जो निर्भर करती है टाइप एट्रिब्यूट。

विभिन्न इनपुट टाइप: नीचे दिया गया है

  • <input type="button">
  • <input type="checkbox">
  • <input type="color">
  • <input type="date">
  • <input type="datetime-local">
  • <input type="email">
  • <input type="file">
  • <input type="hidden">
  • <input type="image">
  • <input type="month">
  • <input type="number">
  • <input type="password">
  • <input type="radio">
  • <input type="range">
  • <input type="reset">
  • <input type="search">
  • <input type="submit">
  • <input type="tel">
  • <input type="text">(मूलभूत मूल्य)
  • <input type="time">
  • <input type="url">
  • <input type="week">

देखें टाइप एट्रिब्यूटदेखने के लिए हर इनपुट टाइप के इस्टेंस जाइजा!

उदाहरण

तीन इनपुट फील्ड वाला HTML फॉर्म शामिल है; दो टेक्स्ट फील्ड और एक सबमिट बटन:

<form action="/action_page.php">
  <label for="fname">नाम:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">अपत्य:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="सबमिट">
</form>

अपने आप से प्रयास करें

सूचना और टिप्पणी

सूचना:हमेशा <label> टैग के लिए निम्नलिखित एलिमेंट को परिभाषित करें:

<input type="text">
<input type="checkbox">
<input type="radio">
<input type="file">
<input type="password">

गुण

गुण मूल्य वर्णन
accept
  • फ़ाइल एक्सटेंशन
  • audio/*
  • video/*
  • image/*
  • मीडिया टाइप

फ़ाइल अपलोड के माध्यम से सबमिट किए जाने वाले फ़ाइल के टाइप को निर्धारित करता है。

फ़ाइल इनपुट डायलॉग बॉक्स से चुन सकने वाले फ़ाइल टाइप के फ़िल्टर को निर्धारित करता है (type="file" के लिए उपयोगी)
alt पाठ इमेज के लिए विकल्प टेक्स्ट निर्धारित करता है (type="image" के लिए उपयोगी)
autocomplete
  • on
  • off
 <input> एलिमेंट को ऑटोकम्पलीट चाहिए कि नहीं
autofocus autofocus <input> एलिमेंट को पृष्ठ लोड होने पर स्वत: फोकस प्राप्त करना चाहिए
checked checked पृष्ठ लोड होने पर <input> एलिमेंट को पूर्व-चुना जाने चाहिए (type="checkbox" या type="radio" के लिए उपयोगी)
dirname inputname सबमिट किए जाने वाले टेक्स्ट के दिशा को प्रदर्शित करता है。
disabled disabled इनपुट एलिमेंट को असक्रिय करने के लिए निर्धारित करता है。
form फॉर्म id <input> एलिमेंट का पूर्व-सबमिट करने वाला फॉर्म निर्धारित करता है。
formaction URL फॉर्म सबमिट के समय इनपुट कंट्रोलर के फ़ाइल के URL को प्रदर्शित करता है (type="submit" और type="image" के लिए उपयोगी)
formenctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 सबमिट फॉर्म डाटा को सर्वर पर सबमिट करते समय डाटा को कैसे कोड करना चाहिए इसे निर्धारित करता है (type="submit" और type="image" के लिए उपयोगी)
formmethod
  • get
  • post
 फॉर्म डाटा को सर्वर पर सबमिट करते समय एचटीटीपी विधि को डिफाइन करता है (type="submit" और type="image" के लिए उपयोगी)
formnovalidate formnovalidate सबमिट फॉर्म एलीमेंट के लिए न जांच करने के लिए डिफाइन करता है
formtarget
  • _blank
  • _self
  • _parent
  • _top
फ्रेम नाम 		सबमिट फॉर्म के बाद प्राप्त जवाब को कहाँ दिखाने को निर्धारित करता है (type="submit" और type="image" के लिए उपयोगी)
height पिक्सल इनपुट एलीमेंट की ऊंचाई को निर्धारित करता है (केवल type="image" के लिए उपयोगी)
list datalist_id इनपुट एलीमेंट के अनुसार पूर्व-निर्धारित विकल्प देखाने वाले <datalist> एलीमेंट को संदर्भित करता है
max
  • नंबर
  • तारीख
 इनपुट एलीमेंट का अधिकतम मान निर्धारित करता है
maxlength नंबर इनपुट एलीमेंट को अनुमति देने वाले अधिकतम अक्षरों की संख्या निर्धारित करता है
min
  • नंबर
  • तारीख
 इनपुट एलीमेंट का न्यूनतम मान निर्धारित करता है
minlength नंबर इनपुट एलीमेंट में आवश्यकता से कमतर अक्षरों की संख्या निर्धारित करता है
multiple multiple इनपुट एलीमेंट में कई मान भर सकता है
name पाठ इनपुट एलीमेंट का नाम निर्धारित करता है
pattern रेगुलर एक्सप्रेशन इनपुट एलीमेंट के मान को जांचने के लिए रेगुलर एक्सप्रेशन निर्धारित करता है
placeholder पाठ इनपुट एलीमेंट के अपेक्षित मान के लिए अल्पकालिक संकेत निर्धारित करता है
popovertarget एलीमेंट id बुल्की को बुलाने वाले पॉपऑवर एलीमेंट को निर्धारित करता है (केवल type="button" के लिए उपयोगी)
popovertargetaction
  • hide
  • show
  • toggle
 जब आप बटन पर क्लिक करें तो पॉपऑवर एलीमेंट को क्या होगा (केवल type="button" के लिए उपयोगी)
readonly readonly इनपुट फील्ड को रीड़ॉन (सिर्फ़ देखने के लिए) बनाता है
required required सबमिट फॉर्म से पहले आवश्यकता से फिल करने वाला इनपुट फील्ड
size नंबर इनपुट एलीमेंट की चारीज को निर्धारित करता है (अक्षरों के अनुसार)
src URL सबमिट बटन के लिए इमेज के यूआरएल (केवल type="image" के लिए उपयोगी)
स्टेप
  • नंबर
  • कोई भी
 इनपुट फील्ड में वैध नंबरों के बीच की अंतराल को निर्धारित करता है。
टाइप
  • बटन
  • चेकबॉक्स
  • कलर
  • डेट
  • डेटीमटीमेल
  • ईमेल
  • फाइल
  • हिडन
  • इमेज
  • महीना
  • नंबर
  • पासवर्ड
  • रेडियो
  • रेंज
  • रीसेट
  • सर्च
  • सबमिट
  • टेल
  • टेक्स्ट
  • टाइम
  • यूआरएल
  • वीक
 दिखाने वाले इनपुट तत्व के तरीके को निर्धारित करता है。
मूल्य पाठ इनपुट तत्व का मूल्य निर्धारित करता है。
चौड़ाई पिक्सल इनपुट तत्व की चौड़ाई को निर्धारित करता है (केवल type="image" पर लागू होता है)。

वैश्विक गुण

<input> टैग इसके अलावा इवेंट प्रकृतिकार को भी समर्थित करता है HTML में वैश्विक गुण。

इवेंट प्रकृतिकार

<input> टैग इसके अलावा इवेंट प्रकृतिकार को भी समर्थित करता है HTML में इवेंट प्रकृतिकार。

डिफ़ॉल्ट CSS सेटिंग

नहीं है।

ब्राउज़र सहायता

च्रोम एज फायरफॉक्स सैफारी ऑपेरा
च्रोम एज फायरफॉक्स सैफारी ऑपेरा
सहायता सहायता सहायता सहायता सहायता

संबंधित पृष्ठ

HTML शिक्षा：

HTML DOM संदर्भ निर्देशिका：

  • पिछला पृष्ठ <img>
  • अगला पृष्ठ <ins>