HTML <input> टैग का उपयोग फॉर्म के भीतर एक इनपुट एलिमेंट घोषित करने के लिए किया जाता है - एक कंट्रोल जो उपयोगकर्ता को डेटा दर्ज करने की अनुमति देता है। यह सबसे बहुमुखी फॉर्म एलिमेंट है जिसके कई type मान होते हैं।
मुख्य एट्रिब्यूट्स
| एट्रिब्यूट | मान | विवरण |
|---|---|---|
| accept | कंटेंट टाइप्स | कॉमा-सैपरेटेड लिस्ट जो सर्वर स्वीकार करता है (फाइल अपलोड के लिए) |
| alt | टेक्स्ट | इमेज इनपुट के लिए वैकल्पिक टेक्स्ट |
| autocomplete | on, off | <input> में ऑटोकंप्लीट सक्षम/अक्षम करता है |
| autofocus | autofocus | पेज लोड होने पर एलिमेंट को ऑटोमेटिकली फोकस देता है |
| checked | checked | रेडियो/चेकबॉक्स के लिए - पेज लोड पर पहले से चयनित |
| disabled | disabled | इनपुट कंट्रोल अक्षम करता है, उपयोगकर्ता बदलाव नहीं कर सकता |
| form | फॉर्म_आईडी | एक या अधिक फॉर्म्स निर्दिष्ट करता है जिनसे एलिमेंट संबंधित है |
| formaction | URL | फॉर्म सबमिट होने पर इनपुट प्रोसेस करने वाली फाइल का URL |
| formenctype | एन्कोडिंग टाइप | फॉर्म डेटा एन्कोड कैसे हो (multipart/form-data आदि) |
| formmethod | post, get | एक्शन URL पर डेटा भेजने की HTTP मेथड |
| formnovalidate | formnovalidate | सबमिशन पर फॉर्म वैलिडेशन स्किप करता है |
| formtarget | _blank, _self, _parent, _top | सबमिशन के बाद रिस्पॉन्स कहां दिखे |
| height | पिक्सेल्स | इमेज इनपुट के लिए ऊंचाई |
| list | डेटालिस्ट_आईडी | प्रीडिफाइंड ऑप्शन्स वाला <datalist> एलिमेंट |
| max | संख्या/तारीख | अधिकतम मान निर्दिष्ट करता है |
| maxlength | संख्या | टेक्स्ट फील्ड में अधिकतम कैरेक्टर्स की संख्या |
| min | संख्या/तारीख | न्यूनतम मान निर्दिष्ट करता है |
| multiple | multiple | उपयोगकर्ता एकाधिक मान दर्ज कर सकता है (फाइल/ईमेल) |
| name | टेक्स्ट | इनपुट कंट्रोल को नाम असाइन करता है (सबमिशन के लिए आवश्यक) |
| pattern | रेगेक्स | वैलिडेशन के लिए रेगुलर एक्सप्रेशन |
| placeholder | टेक्स्ट | अपेक्षित मान का संक्षिप्त संकेत |
| readonly | readonly | इनपुट रीड-ओनली बनाता है (फोकस/टैब संभव, सबमिशन में शामिल) |
| required | required | फॉर्म सबमिट करने से पहले फील्ड भरना अनिवार्य बनाता है |
| size | संख्या | कंट्रोल की चौड़ाई (टेक्स्ट/पासवर्ड में कैरेक्टर्स, अन्य में पिक्सेल्स) |
| src | URL | इमेज इनपुट (type="image") के लिए इमेज URL |
| step | संख्या | इनपुट फील्ड के लिए कानूनी संख्या अंतराल |
| type | button, checkbox, color, date, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week | कंट्रोल का प्रकार निर्दिष्ट करता है (डिफ़ॉल्ट: text) |
| value | टेक्स्ट | कंट्रोल का प्रारंभिक मान (चेकबॉक्स/रेडियो के लिए आवश्यक) |
| width | पिक्सेल्स | इमेज इनपुट के लिए चौड़ाई |
उदाहरण
निम्न कोड से <input> एलिमेंट लागू करें:
<!DOCTYPE html> <html>
<head>
<title>HTML input Tag</title>
</head>
<body>
<form action="/cgi-bin/hello_get.cgi" method="get">
पहला नाम: <input type="text" name="first_name" value="" maxlength="100" />
<br />
अंतिम नाम: <input type="text" name="last_name" value="" maxlength="100" />
<input type="submit" value="सबमिट" />
</form>
</body>
</html>
