इनपुट टैग

input टैग विभिन्न HTML फॉर्म तत्व बनाता है: एक सामान्य इनपुट फ़ील्ड, पासवर्ड इनपुट फ़ील्ड, चेकबॉक्स, रेडियो बटन, बटन।

input टैग form टैग के अंदर होना चाहिए। यह सर्वर पर डेटा भेजने और बाद में PHP के माध्यम से उसके प्रसंस्करण के लिए आवश्यक है, हालांकि यह अनिवार्य नहीं है।

इसे बंद करने वाले टैग की आवश्यकता नहीं है।

विशेषताएँ

विशेषता	विवरण
type	इनपुट फ़ील्ड का प्रकार निर्धारित करता है। विकल्प नीचे देखें।
value	इनपुट फ़ील्ड में डिफ़ॉल्ट मान। बटन के मामले में, इसका टेक्स्ट निर्धारित करता है। अधिक जानकारी के लिए value विशेषता देखें।
placeholder	इनपुट फ़ील्ड में संकेत, अधिक जानकारी के लिए placeholder विशेषता देखें।
name	इनपुट फ़ील्ड का नाम। PHP में इनपुट फ़ील्ड का डेटा प्राप्त करने के लिए आवश्यक है। फॉर्म के सही ढंग से काम करने के लिए, इनपुट फ़ील्ड के नाम एक दूसरे के साथ (एक ही फॉर्म में) मेल नहीं खाने चाहिए। यदि वे मेल खाते हैं - तो PHP में उस इनपुट फ़ील्ड का डेटा प्राप्त होगा जो HTML कोड में नीचे है।
disabled	फॉर्म तत्व (न केवल input, बल्कि लगभग किसी भी) को अक्षम करता है, अधिक जानकारी के लिए disabled विशेषता देखें।

type विशेषता के मान

मान	विवरण
text	एक सामान्य टेक्स्ट इनपुट फ़ील्ड बनाता है।
password	पासवर्ड के लिए एक टेक्स्ट इनपुट फ़ील्ड बनाता है। इसमें टेक्स्ट डालने का प्रयास करें - यह तारांकन के रूप में दिखाई देगा।
checkbox	एक चेकबॉक्स बनाता है। अधिक जानकारी के लिए checkbox देखें।
radio	एक रेडियो बटन बनाता है। अधिक जानकारी के लिए radio देखें।
hidden	एक छिपा हुआ इनपुट बनाता है, जो स्क्रीन पर दिखाई नहीं देगा, लेकिन value विशेषता में निहित डेटा सर्वर पर भेजेगा।
button	एक बटन बनाता है। इस बटन को दबाने पर फॉर्म सर्वर पर नहीं भेजा जाएगा। इसका उपयोग लिंक के अंदर या JavaScript के माध्यम से किया जा सकता है। डिफ़ॉल्ट रूप से बटन में कोई टेक्स्ट नहीं होता (बिना टेक्स्ट वाला बटन उदाहरण: ), इसे value की सहायता से निर्धारित किया जाता है। button टैग भी देखें, जो एक बटन बनाता है।
submit	एक ऐसा बटन बनाता है जो डेटा सर्वर पर भेजेगा। बटन का टेक्स्ट ब्राउज़र पर निर्भर करता है, इसे value की सहायता से बदला जा सकता है। button टैग भी देखें, जो एक बटन बनाता है।
reset	एक ऐसा बटन बनाता है जो भरे हुए फॉर्म को साफ़ कर देता है। बटन का टेक्स्ट ब्राउज़र पर निर्भर करता है, इसे value की सहायता से बदला जा सकता है।
file	एक फ़ाइल चयन बटन बनाता है। इस बटन के डिज़ाइन को CSS के माध्यम से बदलना प्रतिबंधित है (हालाँकि इसके लिए चालाक तरीके हैं)। यदि आपको फॉर्म में ऐसे फ़ील्ड की आवश्यकता है, तो form टैग में enctype विशेषता multipart/form-data मान में होनी चाहिए।

HTML5 में type विशेषता के नए मान

ये विशेषता मान नए हैं, केवल HTML5 में दिखाई दिए हैं, इसलिए कुछ ब्राउज़रों में ये काम नहीं कर सकते हैं या विभिन्न ब्राउज़रों में अलग-अलग तरीके से काम कर सकते हैं।

यदि ब्राउज़र type विशेषता की सामग्री को समझ नहीं पाता है (उदाहरण के लिए, यदि यह समर्थित नहीं है या गलत तरीके से दर्ज किया गया है), तो यह तत्व को एक सामान्य टेक्स्ट इनपुट की तरह मानेगा, जैसे कि type में मान text हो।

नीचे दिए गए उदाहरणों को विभिन्न ब्राउज़रों में देखें। इनपुट में टेक्स्ट दर्ज करने और सबमिट बटन दबाने का प्रयास करें। यदि टेक्स्ट गलत है या फ़ील्ड खाली है - ब्राउज़र एक त्रुटि देगा। उदाहरण के लिए, यदि email प्रकार वाले फ़ील्ड में गलत ईमेल डाला जाए - तो ब्राउज़र फॉर्म सबमिट करने की अनुमति नहीं देगा और त्रुटि संदेश देगा (त्रुटि का टेक्स्ट और इसकी उपस्थिति को HTML CSS से बदला नहीं जा सकता)। यदि फ़ील्ड खाली है - ब्राउज़र त्रुटि भी देगा, यह required विशेषता की सहायता से प्राप्त किया जाता है:

मान	विवरण
email
number
url
tel
search
color
date
month
week
datetime
datetime-local
range

यह भी देखें