Input Type in HTML in Hindi: इनपुट टाइप और उनका उपयोग

पोस्ट को शेयर करे!

हेल्लो दोस्तों स्वागत है आपका हमारी एक और HTML Language कि फायदेमंद पोस्ट में | इस पोस्ट में Input Type in HTML in Hindi यानि कि HTML इनपुट टाइप और उनके उपयोग के बारे में बोहोत ही आसान तरीके से आपकी सरल भाषा हिन्दी में दर्शाया गया है |

Join Telegram

HTML Input Types in Hindi

Article TypeHTML Language
Article CategoryComputer
Article NameHTML Input Types और उनका उपयोग
Article LanguageHindi
Official Websiteshubhampal.co.in

HTML Input Types और उनका उपयोग

input type in html
Input Type in HTML in Hindi

HTML Input Types in Hindi: HTML में form को बनाने के लिए विभिन्न प्रकार के input tags का प्रयोग किया जाता है जिन टैग के अंदर हम विभिन्न प्रकार के input के types का प्रयोग करते है जैसे कि text, number, password और email इत्यादि |

NumberHTML 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 का प्रयोग कर सकते है।


पोस्ट को पूरा पढने के लिए धन्यवाद ! अगर आपका इस पोस्ट से सम्बन्धित कोई भी प्रश्न है तो आप नीचे कमेंट करके पूंछ सकते है |

यह भी पढ़ें –

Loading

5/5 - (1 vote)
पोस्ट को शेयर करे!

Leave a Comment

error: Content is protected !!