Table of Contents
What is Input Element?
- HTML <input> Element Fundamental Element है। इसका Use User से Input Data लेने के लिए Form Field बनाने के लिए किया जाता है।
- हम User से अलग-अलग Information Collect करने के लिए अलग-अलग Input Field Apply कर सकते हैं।
Input Element

Types of Input Element
Input Type Text
- Input Type Text का Use Single-line Input Text Field को Define करने के लिए किया जाता है।
Input Type
Example of Input Type Text

Input Type Password
- Input Type Password एक Input Field बनाता है, जो User को Webpage में सुरक्षित रूप से Password Enter करने की अनुमति देता है।
- Fill किए गए Password में Enter Text को “*” या “।” में बदल दिया जाता है, ताकि इसे किसी अन्य User द्वारा पढ़ा न जा सके।
Input Type
Example of Input Type Password

Input Type Submit
- Input Type Submit “Click” Event होने पर Server पर Form Submit करने के लिए Submit Button को Define करता है।
Input Type
Example of Input Type Submit

Input Type Reset
- Input Type Reset को एक बटन के रूप में भी Define किया गया है, लेकिन जब User एक Click Event करता है, तो यह Default रूप से सभी Input Values को Reset कर देता है।
Input Type
Example of Input Type Reset

Input Type Radio
- Input Type Radio, Radio Button को Define करता है, जो Related Option के Set के बीच एक Option Choice करने की अनुमति देता है। एक समय में केवल एक Radio Button Option का Selection किया जा सकता है।
Input Type
Example of Input Type Radio

Input Type Checkbox
- Input Type Checkbox Square Box के रूप में Display होते हैं जिन्हें दिए गए Options में से Options को Select करने के लिए Check या Uncheck किया जा सकता है।
Input Type
Example of Input Type Checkbox

Input Type Button
- Input Type Button एक Simple Push Button को Define करता है, जिसे किसी भी घटना पर कार्यात्मक रूप से Control करने के लिए Program किया जा सकता है, जैसे Click Event।
Input Type
Example of Input Type Button

Input Type File
- Input Type File एक Input Field बनाता है, जो User Device Storage से एक या अधिक Files का Selection करने के लिए Use किया जाता है। एक बार जब आप File का Select कर लेते हैं, और Submit करने के बाद, इस File को JS Code और File API की मदद से Server पर Upload किया जा सकता है।
Input Type
Example of Input Type File

Input Type Image
- Image के रूप में Submit Button का प्रतिनिधित्व करने के लिए Input Type Image का Use किया जाता है।
Input Type
Example of Input Type File

Input Type Color
- Input Type Color एक Input Field को Define करने के लिए किया जाता है जिसमें एक Color होता है।
- यह User को Browser पर Visual Color Interface द्वारा Color Specify करने की अनुमति देता है।
Input Type
Example of Input Type Color

Input Type Date
- Input Type Date एक Input Field बनाता है, जो User को किसी दिए गए Format में Date Enter करने की अनुमति देता है। User Text Field या Date Piker Interface द्वारा Date Enter कर सकता है।
Input Type
Example of Input Type Date

Input Type Datetime-local
- Input Type Datetime-local एक Input Field बनाता है जो User को समय क्षेत्र की जानकारी के बिना Hours और Minute में Date के साथ-साथ स्थानीय समय का Selection करने की अनुमति देता है।
Input Type
Example of Input Type Datetime-local

Input Type Email
- Input Type Email एक Input Field बनाता है जो User को Pattern Validation के साथ Email Address Enter करने की अनुमति देता है। Multiple Attribute User को एक से अधिक Email Address Enter करने की अनुमति देती हैं।
Input Type
Example of Input Type Email

Input Type Month
- Input Type Month एक Input Field बनाता है जो User को “MM, YYYY” के Format में Month और Year को आसानी से Enter करने की अनुमति देता है, जहां MM Month के Value को Define करता है, और YYYY Year के Value को Define करता है।
Input Type
Example of Input Type Month

Input Type Number
- Input Type Number एक Input Field बनाता है जो User को Numeration Value Enter करने की अनुमति देती है। आप Min और Max Attribute का Use करके Minimum और Maximum Value Enter करने के लिए भी Restricted कर सकते हैं।
Input Type
Example of Input Type Number

Input Type URL
- Input Type URL एक Input Field बनाता है जो User को URL Enter करने में सक्षम बनाता है।
Input Type
Example of Input Type URL

Input Type Week
- Input Type Week एक Input Field बनाता है जो User को समय क्षेत्र के बिना Drop-down Calendar से Week और Year का Selection करने की अनुमति देता है।
Input Type
Example of Input Type Week

Input Type Search
- Input Type Search एक Input File बनाता है जो User को एक Search String Enter करने की अनुमति देता है।
Input Type
Example of Input Type Search

Input Type Tel
- Input Type Tel Telephone Number Enter करने के लिए Input Field बनाता है।
- Tel Type में Email जैसे Default Validation नहीं होता है, क्योंकि Telephone Number Pattern दुनिया भर में भिन्न हो सकता है।
Input Type
Example of Input Type Tel

Attributes of Input Element
Value Attribute
- Input Value Attribute Input Field के लिए Primary Value को Specify करती है।
Input Attribute
Example of Value Attribute

Readonly Attribute
- Input Readonly Attribute Specify करती है कि यह Input Field Only Read करने के लिए है।
- Readonly के लिए Input Field को Modifies नहीं किया जा सकता है (हालांकि, User इसे Tab कर सकता है, इसे Highlight कर सकता है और इससे Text Copy कर सकता है)।
- Form Submit करते समय Readonly Input Field का Value भेजा जाएगा!
Input Attribute
Example of Readonly Attribute

Placeholder Attribute
- Input Placeholder Attribute एक Short Hint Specify करती है जो Input Field के Excepted Value (Sample Value या Excepted Format का Short Description) को Describe करता है।
- Placeholder Attribute निम्नलिखित Input Types के साथ Work करती है: Text, Search, URL, Tel, Email और Password।
Input Attribute
Example of Placeholder Attribute

Pattern Attribute
- Input Pattern Attribute एक Regular Expression specify करती है कि Form Submit होने पर Input Field का Value Check किया जाता है।
- Pattern Attribute निम्नलिखित Input Types के साथ Work करती है: Text, Date, Search, URL, Tel, Email और Password।
Input Attribute
Example of Pattern Attribute

Size Attribute
- Input Size Attribute एक Input Field की दृश्य width, Characters में Specifies करती है। Size के लिए Default Value 20 है।
- Size Attribute निम्नलिखित Input Types के साथ Work करती है: Text, Search, Tel, URL, Email और Password।
Input Attribute
Example of Size Attribute

Maxlenght Attribute
- Input Maxlength Attribute Input Field में Allow Character की Maximum Number को Specifies करती है।
Input Attribute
Example of Maxlength Attribute
Min and Max Attributes
- Input Min और Max Attribute Input Field के लिए Minimum और Maximum Value को Specified करते हैं।
- Minimum और Maximum Attribute निम्नलिखित Input Types के साथ Work करती हैं: Number, Range, Date, Datetime-local, Month, Time और Week।
Input Attribute
The Input Min and Max Attributes

Multiple Attribute
- Input Multiple Attribute Specified करती है कि User को Input Field में एक से अधिक Value Enter करने की अनुमति है।
- Multiple Attribute निम्न Input Types के साथ Work करती है: Email और File।
Input Attribute
The Input Multiple Attribute

Require Attribute
- Input Require Attribute Specified करती है कि Form Submit करने से पहले यह Input Field भरना आवश्यक है।
- Require Attribute निम्नलिखित Input Types के साथ Work करती है: Text, Search, URL, Tel, Email, Password, Date-piker, Number, Checkbox, Radio और File।
Input Attribute
The Input Require Attribute

Facebook
Pinterest
LinkedIn
WhatsApp