HTML टैग का उपयोग एक इनपुट तत्व घोषित करने के लिए किया जाता है - एक नियंत्रण जो उपयोगकर्ता को डेटा इनपुट करने की अनुमति देता है।
निम्नलिखित विशेषताएं हैं -
| विशेषता <वें शैली ="चौड़ाई:18.322%; पाठ-संरेखण:केंद्र;">मान <वें शैली ="चौड़ाई:54.1096%; पाठ-संरेखण:केंद्र;">विवरण | ||
|---|---|---|
| स्वीकार करें | सामग्री प्रकार | सर्वर द्वारा स्वीकार किए जाने वाले सामग्री प्रकारों की अल्पविराम से अलग की गई सूची निर्दिष्ट करता है |
| align | बाएं सही ऊपर मध्य तल | बहिष्कृत - सामग्री के संरेखण को परिभाषित करता है |
| alt | पाठ | यह उस पाठ को निर्दिष्ट करता है जिसका उपयोग ब्राउज़र/उपयोगकर्ता एजेंट इनपुट नियंत्रण प्रस्तुत नहीं कर सकता है |
स्वतः पूर्ण  | पर बंद | <इनपुट> तत्व में स्वत:पूर्ण को सक्षम या अक्षम करने के लिए निर्दिष्ट करता है |
ऑटोफोकस  | स्वतः-फ़ोकस | निर्दिष्ट करता है कि <इनपुट> तत्व को पृष्ठ लोड होने पर स्वचालित रूप से फोकस करना चाहिए |
| चेक किया गया | चेक किया गया | यदि type ="radio" या type ="checkbox" तो पेज लोड होने पर इसे पहले से ही चुना जाएगा। |
| अक्षम | अक्षम | इनपुट नियंत्रण को अक्षम करता है। बटन उपयोगकर्ता से परिवर्तन स्वीकार नहीं करेगा। यह फोकस भी प्राप्त नहीं कर सकता है और टैबिंग करते समय छोड़ दिया जाएगा। |
form  | form_id | एक या अधिक रूपों को निर्दिष्ट करता है |
फॉर्मेशन  | यूआरएल | उस फ़ाइल का URL निर्दिष्ट करता है जो फ़ॉर्म सबमिट होने पर इनपुट नियंत्रण को संसाधित करेगा |
formenctype  | आवेदन/x-www-form-urlencoded मल्टीपार्ट/फॉर्म-डेटा पाठ/सादा | निर्दिष्ट करता है कि प्रपत्र-डेटा को सेवा में सबमिट करते समय कैसे एन्कोड किया जाना चाहिए |
formmethod  | पोस्ट प्राप्त | कार्रवाई URL पर डेटा भेजने के लिए HTTP विधि को परिभाषित करता है |
formnovalidate  | फॉर्मनोवालिडेट | परिभाषित करता है कि प्रपत्र तत्वों को सबमिट करते समय मान्य नहीं किया जाना चाहिए |
fromtarget  | _खाली _स्वयं _अभिभावक _ऊपर | उस लक्ष्य को निर्दिष्ट करता है जहां प्रतिक्रिया एक प्रदर्शन होगी जो फॉर्म जमा करने के बाद प्राप्त होगी |
height  | पिक्सेल | ऊंचाई निर्दिष्ट करता है |
list  | datalist_id | <डेटालिस्ट> तत्व को निर्दिष्ट करता है जिसमें <इनपुट> तत्व के लिए पूर्व-निर्धारित विकल्प होते हैं |
max  | स्वतः-फ़ोकस | अधिकतम मान निर्दिष्ट करता है। |
| maxlength | संख्या | एक टेक्स्ट फ़ील्ड में अनुमत वर्णों की अधिकतम संख्या को परिभाषित करता है |
min  | संख्या | न्यूनतम मान निर्दिष्ट करता है |
multiple  | एकाधिक | निर्दिष्ट करता है कि एक उपयोगकर्ता अनेक मान दर्ज कर सकता है |
| name | पाठ | इनपुट नियंत्रण को एक नाम निर्दिष्ट करता है। |
pattern  | Regexp | एक नियमित अभिव्यक्ति निर्दिष्ट करता है कि एक <इनपुट> तत्व के मूल्य के खिलाफ जाँच की जाती है |
प्लेसहोल्डर  | पाठ | एक संक्षिप्त संकेत निर्दिष्ट करता है जो अपेक्षित मान का वर्णन करता है। |
| केवल पढ़ने के लिए | केवल पढ़ने के लिए | इनपुट नियंत्रण को केवल-पढ़ने के लिए सेट करता है। यह उपयोगकर्ता को मूल्य बदलने की अनुमति नहीं देगा। नियंत्रण, हालांकि, फ़ोकस प्राप्त कर सकता है और प्रपत्र नियंत्रणों के माध्यम से टैबिंग करते समय शामिल किया जाता है |
आवश्यक  | आवश्यक | निर्दिष्ट करता है कि फ़ॉर्म जमा करने से पहले एक इनपुट फ़ील्ड भरना होगा |
| size | संख्या | नियंत्रण की चौड़ाई निर्दिष्ट करता है। यदि टाइप ="टेक्स्ट" या टाइप ="पासवर्ड" यह वर्णों में चौड़ाई को संदर्भित करता है। अन्यथा, यह पिक्सेल में है। |
| src | यूआरएल | प्रदर्शित करने के लिए छवि के URL को परिभाषित करता है। केवल प्रकार ="छवि" के लिए उपयोग किया जाता है। |
कदम  | संख्या | एक इनपुट फ़ील्ड के लिए कानूनी संख्या अंतराल निर्दिष्ट करता है |
| type | बटन चेकबॉक्सरंग दिनांक दिनांक समय डेटाटाइम-स्थानीय ईमेल फ़ाइल छुपे हुए छवि महीना नंबर पासवर्ड रेडियो श्रेणी रीसेट तलाशी प्रस्तुत टेलीफोन मूलपाठ समय यूआरएल सप्ताह | नियंत्रण के प्रकार को निर्दिष्ट करता है। |
| value | Text | नियंत्रण के लिए प्रारंभिक मान निर्दिष्ट करता है। यदि type ="checkbox" या type ="radio" यह विशेषता आवश्यक है। |
width  | पिक्सेल | चौड़ाई निर्दिष्ट करता है |
उदाहरण
आप HTML में तत्व को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं -
<!DOCTYPE html> <html> <head> <title>HTML input Tag</title> </head> <body> <form action = "/cgi-bin/hello_get.cgi" method = "get"> First name: <input type = "text" name = "first_name" value = "" maxlength = "100" /> <br /> Last name: <input type = "text" name = "last_name" value = "" maxlength = "100" /> <input type = "submit" value = "Submit" /> </form> </body> </html>