Form Tag In HTML In Hindi: HTML फॉर्म में प्रयोग होने वाले विभिन्न टैग्स

हेल्लो दोस्तों स्वागत है आपका हमारी एक और HTML Language कि फायदेमंद पोस्ट में | इस पोस्ट में Form Tag In HTML In Hindi यानि कि HTML फॉर्म में प्रयोग होने वाले विभिन्न टैग्स के बारे में बोहोत ही आसान तरीके से आपकी सरल भाषा हिन्दी में दर्शाया गया है |

HTML Form Tag In Hindi

HTML Form में प्रयोग होने वाले Tags

HTML form tag in hindi: HTML का use करके form को create करने के लिए विभिन्न प्रकार के tags का प्रयोग किया जाता है।

दोस्तों इस पोस्ट में HTML Form के विभिन्न प्रकार tags के बारे में उनके उदाहरण सहित बताया गया है जिसे पढ़करके आप बोहोत ही आसानी से HTML Form के सभी tags के बारे में आसानी से समझ सकते है |

1. <FORM> Tag

HTML form in hindi: HTML में <FORM> tag का प्रयोग form को create करने के लिए सबसे पहले किया जाता हैं। यह एक container tag होता है जिसके अन्दर ही हम form के अन्य tags को लिखते हैं।

Example: HTML में Form में <FORM> Tag का प्रयोग निम्न प्रकार से किया जाता है।

<form>
<label>Name: </label>
<input type="text">
<br>
<label>Email: </label>
<input type="email">
<br>
<label>Mobile Number: </label>
<input type="number">
<br>
<input type="submit" value="Submit">
</form>

2. <FIELDSET> Tag

Fieldset tag in html: HTML में <FIELDSET> tag का प्रयोग, HTML Form में दिये जाने वाले इनपुट tags का group बनाने के लिए किया जाता है। और यह भी एक container tag होता है।

Example: HTML में Form में <FIELDSET> Tag का प्रयोग निम्न प्रकार से किया जाता है।

<fieldset>
<form>
<label>Name: </label>
<input type="text">
<br>
<label>Email: </label>
<input type="email">
<br>
<label>Mobile Number: </label>
<input type="number">
<br>
<input type="submit" value="Submit">
</form>
</fieldset>

3. <LEGEND> Tag

Legend tag in html: HTML में <LEGEND> tag का प्रयोग, HTML Form में दिये गये input tags के group के title को लिखने के लिए प्रयोग किया जाता है और यह भी एक container tag हैं।

Example: HTML में Form में <LEGEND> Tag का प्रयोग निम्न प्रकार से किया जाता है।

<fieldset>
<legend>HTML Form</legend>
<form>
<label>Name: </label>
<input type="text">
<br>
<label>Email: </label>
<input type="email">
<br>
<label>Mobile Number: </label>
<input type="number">
<br>
<input type="submit" value="Submit">
</form>
</fieldset>

4. <SELECT> Tag

Select tag in html: HTML में किसी form में दी गयी list में से किसी एक option को select करने के लिए हम <SELECT> tag का प्रयोग, <OPTION> tag के साथ में करते हैं और <SELECT> tag तथा <OPTION> tag दोनों ही container tag होते हैं।

जब भी हम HTML में <SELECT> tag का प्रयोग करते हैं तो हमें उसमें दिये गये सभी options एक dropdown list के अन्दर दिखाई पड़ते हैं और जिन options में से हम किसी एक option को ही select कर सकते है।

Example: HTML में Form में <SELECT> Tag का प्रयोग निम्न प्रकार से किया जाता है।

<select>
<option value="Uttar Pradesh" >U.P.</option>
<option value="Madhya Pradesh">M.P.</option>
<option value="Himachal Pradesh">H.P.</option>
</select>

5. <DATALIST> Tag

Datalist tag in html: HTML में <DATALIST> tag का प्रयोग, User को correct data input करने में मदद करने के लिए किया जाता हैं। यानि जब भी input box में user कुछ भी input करने का प्रयास करता हैं तो उसे पहले से define किये गये options की एक list show होने लगती हैं और उसे जो भी option सही लगता है वह उसे select कर लेता है। <DATALIST> tag भी एक container tag हैं।

Example: HTML में हम <DATALIST> tag का प्रयोग तब करते है जब हमे किसी form में बोहोत सारे options में से यूजर को कोई एक option select कराना होता है। चूँकि अगर यूजर को सिर्फ एक option ही select करना है और उसके सामने हजारों options दिखाई पड़ रहे है तो इस स्थिति में काफी ज्यादा समय लग सकता है।

तब हम <DATALIST> tag का प्रयोग करके उसे आसान बना देते हैं। यानि जब हम <DATALIST> tag का प्रयोग करेंगे तो यूजर को जो भी option select करना है वह उसे type करेगा और फिर उसके सामने वही option आजायेगा जिसे वह तुरन्त select कर सकता हैं।

HTML में Form में <DATALIST> Tag का प्रयोग निम्न प्रकार से किया जाता है।

<input type="text" list="data">
<datalist id="data">
<option>College 1</option>
<option>College 2</option>
<option>College 3</option>
<option>College 4</option>
</datalist>

6. <INPUT> Tag

Input tag in html: HTML Form में किसी भी user से data को input करवाने के लिए हम <INPUT> tag का प्रयोग करते हैं। <INPUT> tag के द्वारा हम user से किसी भी type के data को input करवा सकते है जैसे- text, number, password, email इत्यादि। <INPUT> tag एक single tag होता है।

Example: HTML में Form में <INPUT> Tag का प्रयोग निम्न प्रकार से किया जाता है।

<input type="text">
<input type="number">
<input type="email">

7. <LABEL> Tag

Label tag in html: HTML में <LABEL> tag का प्रयोग <INPUT> tag के element के label को specify करने के लिए किया जाता है। <LABEL> tag एक container tag है जिसको tag है जिसको for attribute के साथ में प्रयोग किया जाता है।

Example: HTML में Form में <LABEL> Tag का प्रयोग निम्न प्रकार से किया जाता है।

<label for="name">Name:</label>
<input tybe="text" id="name">
<br>
<label for="num">Number:</label>
<input type="number" id="num">
<br>
<label for="mail">Email:</label>
<input type="email" id="mail">

8. <TEXTAREA> Tag

Textarea tag in html: HTML में जब भी हमें HTML Form में ज्यादा data user से input करवाना होता है जैसे-address, comment इत्यादि, तब हम <TEXTAREA> tag का प्रयोग करते हैं। <TEXTAREA> tag के द्वारा हम form में एक से अधिक rows तथा column वाला input box create कर सकते हैं। <TEXTAREA> tag भी एक container tag होता है।

Example: HTML में Form में <TEXTAREA> Tag का प्रयोग निम्न प्रकार से किया जाता है।

<textarea rows="4" cols="30">
</textarea>

9. <BUTTON> Tag

Button tag in html: HTML में <BUTTON> tag का प्रयोग buttons को create करने के लिए किया जाता है। जब भी हम कोई form create करते हैं तब हमें उसको submit करवाने के लिए एक submit button भी create करना होता है। तब हम <BUTTON> tag का प्रयोग करके आसानी से submit button को create कर सकते हैं।

Example: HTML में Form में <BUTTON> Tag का प्रयोग निम्न प्रकार से किया जाता है।

<button id="btn">Dummy Button</button>
<button type="submit">Submit Button</button>
<button type="reset">Reset Button</button>

10. <OPTGROUP> Tag

Optgroup tag in html: HTML में <OPTGROUP> tag का प्रयोग<SELECT> tag के अन्दर options के groups को बनाने के लिए किया जाता है जिससे कि अलग-अलग प्रकार के options की एक बड़ी dropdown list का बनाया जा सके।

Example: HTML में Form में <OPTGROUP> Tag का प्रयोग निम्न प्रकार से किया जाता है।

<select>
<option>One</option>
<option>Two</option>
<optgroup label="Fruits">
<option>Mango</option>
<option>Orange</option>
<option>Apple</option>
</optgroup>
<optgroup label="Colors">
<option>Green</option>
<option>Red</option>
</optgroup>
<option>Three</option>
<option>Four</option>
</select>

निष्कर्ष – HTML form tag in hindi

दोस्तों मैं उम्मीद करता हूँ कि मैंने इस पोस्ट के माध्यम से आपको Form Tag In HTML In Hindi यानि कि HTML फॉर्म में प्रयोग होने वाले विभिन्न टैग्स के बारे में बताया है उन्हें आप बोहोत ही आसानी से समझ गए होंगे गए होंगे क्यूंकि मैंने इस पोस्ट के माध्यम से आपको बोहोत ही आसानी से यह समझाने का पूर्णतः प्रयास किया है कि आप कैसे HTML फॉर्म में विभिन्न टैग्स का प्रयोग कर सकते है |

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

यह भी पढ़ें –

Shubham Pal

Shubham Pal (शुभम पाल) एक Digital Creator है जिसका हिन्दी ब्लॉग shubhampal.co.in है | इस ब्लॉग पर आपको टेक्नोलॉजी और कंप्यूटर से सम्बंधित बोहत सारी चीजो के बारे में बोहोत ही सरल भाषा में सीखने को मिलता है इसके साथ-साथ हमारे इस हिंदी ब्लॉग पर आपको YouTube , Blogging , Affiliate Marketing और ऑनलाइन पैसा कमाने के बोहोत सारे तरीको के बारे में भी जानने और सीखने को मिलता है |

shubhampal.co.in/