हेल्लो दोस्तों स्वागत है आपका हमारी एक और HTML Language कि फायदेमंद पोस्ट में | इस पोस्ट में Input Type in HTML in Hindi यानि कि HTML इनपुट टाइप और उनके उपयोग के बारे में बोहोत ही आसान तरीके से आपकी सरल भाषा हिन्दी में दर्शाया गया है |
HTML Input Types in Hindi
Article Type | HTML Language |
Article Category | Computer |
Article Name | HTML Input Types और उनका उपयोग |
Article Language | Hindi |
Official Website | shubhampal.co.in |
HTML Input Types और उनका उपयोग
HTML Input Types in Hindi: HTML में form को बनाने के लिए विभिन्न प्रकार के input tags का प्रयोग किया जाता है जिन टैग के अंदर हम विभिन्न प्रकार के input के types का प्रयोग करते है जैसे कि text, number, password और email इत्यादि |
Number | HTML Input Types |
---|---|
1. | <input type=”text”> |
2. | <input type=”number”> |
3. | <input type=”email”> |
4. | <input type=”password”> |
5. | <input type=”radio”> |
6. | <input type=”checkbox”> |
7. | <input type=”date”> |
8. | <input type=”time”> |
9. | <input type=”datetime-local”> |
10. | <input type=”url”> |
11. | <input type=”file”> |
12. | <input type=”submit”> |
13. | <input type=”reset”> |
14. | <input type=”button”> |
15. | <input type=”search”> |
दोस्तों इस पोस्ट में input tag के विभिन्न प्रकार types के बारे में उनके उदाहरण सहित बताया गया है जिसे पढ़करके आप बोहोत ही आसानी से input टैग के सभी types के बारे में आसानी से समझ सकते है |
1. Input Type Text
Input type text in html: HTML form में type=”text” attribute का प्रयोग <INPUT> tag के साथ form में text को input करने के लिए input fields को create करने के लिए किया जाता है।
Example: HTML में Form में Input Type Text का प्रयोग निम्न प्रकार से किया जाता है।
Name: <input type="text" name="name"> <br> Father's Name: <input type="text" name="fname">
2. Input Type Number
Input type number in html: HTML form में type=”number” attribute का प्रयोग <INPUT> tag के साथ में form में केवल किसी नम्बर को input करने के लिए input field को create करने के लिए किया जाता है।
Example: HTML में Form में Input Type Number का प्रयोग निम्न प्रकार से किया जाता है।
Mobile Number: <input type="number" id="num"> <br> Pin Code: <input type="number" name="pin">
3. Input Type Email
Input type email in html: HTML form में type=”email” attribute का प्रयोग form में email address को input करने के लिए input field को create करने के लिए किया जाता है।
Example: HTML में Form में Input Type Email का प्रयोग निम्न प्रकार से किया जाता है।
Email: <input type="email" id="mail">
4. Input Type Password
Input type password in html: HTML form में type=”password” attribute का प्रयोग form में password को input करने के लिए input field को create करने के लिए किया जाता है।
Example: HTML में Form में Input Type Password का प्रयोग निम्न प्रकार से किया जाता है।
Enter Password : <input type="password" id="pass"> <br> Confirm Password: <input type="password" id="cpass">
5. Input Type Radio
Input type radio in html: HTML form में type=”radio” attribute का प्रयोग radio button को create करने के लिए किया जाता है। जब हमें कई सारे options में से केवल एक option को select करवाना होता है तब हम radio button का प्रयोग करते है।
हम हमेशा जब भी radio button बनाने के लिए input type=”radio” का प्रयोग करते है तो आपको उसके साथ में name attribute का भी प्रयोग करना है तभी आप कई options में से किसी एक option को select कर पायेंगे।
Example: HTML में Form में Input Type Radio का प्रयोग निम्न प्रकार से किया जाता है।
Gender: <input type="radio" name="gender"> Male <input type="radio" name="gender"> Female <input type="radio" name="gender"> others
6. Input Type Checkbox
Input type checkbox in html: HTML form में input type=”checkbox” का प्रयोग checkboxes को create करने के लिए किया जाता है।
जब आपको HTML form में दिये गये options में से एक से अधिक options को select करवाना होता है तब हम checkboxes का प्रयोग करते हैं।
Example: HTML में Form में Input Type Checkbox का प्रयोग निम्न प्रकार से किया जाता है।
Education: <input type="checkbox"> 10th <input type="checkbox"> 12 th <input type="checkbox"> Diploma <input type="checkbox"> B.Tech
7. Input Type Date, Time और DateTime-Local
Input type date & time in html: HTML form में input type=”date” का प्रयोग, date input करवाने के लिए, input type=”time” का प्रयोग, time input करवाने के लिए तथा input type=”datetime-local” का प्रयोग, date तथा time दोनों को एक-साथ input करवाने के लिए input fields को create करने के लिए किया जाता है।
Example: HTML में Form में Input Type Date, Time और Input Type DateTime-Local का प्रयोग निम्न प्रकार से किया जाता है।
Enter Date: <input type="date"> <br> Enter Time: <input type="time"> <br> Enter Date and Time: <input type="datetime-local">
8. Input Type URL
Input type url in html: HTML form में input type=”URL” का प्रयोग हम तब करते है जब हमें form में किसी ऐसी input field को create करना होता हैं जिसमें हमें सिर्फ किसी URL को input करवाना होता है।
Example: HTML में Form में Input Type URL का प्रयोग निम्न प्रकार से किया जाता है।
Website URL: <input type="url">
9. Input Type File
Input type file in html: HTML form में type=”file” attribute का प्रयोग किसी file जैसे- audio, video, image इत्यादि को upload करवाने के लिए input field को create करने के लिए किया जाता है।
Example: HTML में Form में Input Type File का प्रयोग निम्न प्रकार से किया जाता है।
Upload image: <input type="file"> <br> Profile image: <input type="file" accept="image/*" multiple>
10. Input Type Submit और Reset
Input type submit and reset in html: HTML form में submit तथा reset buttons को create करने के लिए type=”submit” तथा type=”reset” attributes का प्रयोग <INPUT> tag के साथ में किया जाता है।
आप Submit button के माध्यम से आप HTML form के डाटा को submit कर सकते है तथा Reset button के माध्यम से आप HTML Form को reset कर सकतेहै।
Example: HTML में Form में Input Type Submit और Input Type Reset का प्रयोग निम्न प्रकार से किया जाता है।
<input type="submit" value="Submit"> <br> <input type="reset" value="Reset">
11. Input Type Button
Input type button in html: HTML form में dummy button को create करने के लिए <INPUT> tag के साथ में type=”button” attribute का प्रयोग किया जाता हैं। HTML में client side script को execute करने के लिए हम dummy button का प्रयोग कर सकते हैं।
Example: HTML में Form में Input Type Button का प्रयोग निम्न प्रकार से किया जाता है।
Click Here: <input type="button" value="Dummy Button">
12. Input Type Search
Input type search in html: HTML form में search box को create करने के लिए input type=”search” attribute का प्रयोग किया जाता है। क्यूंकि कई बार हमे form में ऐसे input fields को create करना होता है जिसमे हमे data को search करने कि आवश्यकता पड़ती है तब हम <INPUT> tag के साथ में type=”search” attribute का प्रयोग किया जाता है।
Example: HTML में Form में Input Type Search का प्रयोग निम्न प्रकार से किया जाता है।
Search Here: <input type="search">
निष्कर्ष – HTML Input Types
दोस्तों मैं उम्मीद करता हूँ कि मैंने इस पोस्ट के माध्यम से आपको Input Type in HTML in Hindi यानि कि HTML इनपुट टाइप और उनके उपयोग के बारे में बताया है उन्हें आप बोहोत ही आसानी से समझ गए होंगे गए होंगे क्यूंकि मैंने इस पोस्ट के माध्यम से आपको बोहोत ही आसानी से यह समझाने का पूर्णतः प्रयास किया है कि आप कैसे HTML के सभी input types का प्रयोग कर सकते है।
पोस्ट को पूरा पढने के लिए धन्यवाद ! अगर आपका इस पोस्ट से सम्बन्धित कोई भी प्रश्न है तो आप नीचे कमेंट करके पूंछ सकते है |
यह भी पढ़ें –
Shubham Pal (शुभम पाल) एक Digital Creator है जिसका हिन्दी ब्लॉग shubhampal.co.in है | इस ब्लॉग पर आपको टेक्नोलॉजी और कंप्यूटर से सम्बंधित बोहत सारी चीजो के बारे में बोहोत ही सरल भाषा में सीखने को मिलता है इसके साथ-साथ हमारे इस हिंदी ब्लॉग पर आपको YouTube , Blogging , Affiliate Marketing और ऑनलाइन पैसा कमाने के बोहोत सारे तरीको के बारे में भी जानने और सीखने को मिलता है |