HTML Form In Hindi : HTML में फॉर्म कैसे बनायें ?

HTML Form In Hindi ,

HTML Form In Hindi , HTML में फॉर्म कैसे बनायें ?

HTML Form In Hindi

HTML में फॉर्म कैसे बनायें ?

अगर आप किसी Platform या Website में अपना एक E_Mail ID बनाना चाहते हैं तो पहले उस Website के द्वारा दिया गया एक Online Form आपको भरना पड़ता हैं जिसमें आपको अपने आप से संबंधित कुछ जानकारियों डालकर उसे Submit करना पड़ता हैं। उसके बाद ही आपका E_Mail Address बन पाता हैं । इसी तरह Online Shopping या कुछ अन्य ख़ास जगहों पर भी Form भरवाकर Customer का Data Store किया जाता हैं ।

अगर आप खुद एक Website के Owner हैं तो आप भी Form बनाकर अपने Visitors से संबंधित कुछ जानकारियों  को Store कर सकते हैं। आजकल School , College या बड़े Institutions में भी Students का Data Online Store किया जाता हैं।

Websites में Form के Data को Store करने के लिए किसी न किसी Language का Use अवश्य किया जाता जाता हैं। यहां पर हम सिर्फ Form का Structure बनाना सीखा रहे हैं।

Form बनाने के लिए कुछ Special Tags का Use किया जाता जाता हैं जो निम्न हैं।

<Label> Tags 

अगर आप किसी Text या Message को सिर्फ Screen में Display करना चाहते हैं तो उसे <Label> Tags के साथ लिख लें।  

Command –

<label> Text </label>

Example –

<label> Student’s Name </label>

<label> Father’s Name  </label>

(यहाँ पर Screen में Student’s Name और Father’s Name ,  Display होगा )

<input> Tag

Form में किसी Value या Data को Input करने के लिए <input> Tags का Use किया जाता हैं। जैसे Name , Father’s Name , Age Etc . <input> Tag के साथ Input Box का Id व Name , Input करना चाहिए । Computer या Server में Data Storage के लिए यह आवश्यक हैं।   

Example –

<label> Student’s Name </label>

<input type=”text” id=”StudentsName” name=”StudentsName”>

<Br>

<label> Father’s Name </label>

<input type=”text” id=”FathersName” name=”FathersName”>

इसका Output , Internet Browser में कुछ इस तरह दिखेगा।

Input Tag In Html

आप इसे बिना Label Tag का Use किये सीधे ऐसे भी लिख सकते हैं।

Example –

Student’s name <input type=”text” id=”sname” name=”sname” >

<br>

Father’s name <input type=”text” id=”fname” name=”fname” >

Input Tag में Value को Input करने के साथ – साथ , Value को Fix भी किया जा सकता हैं। हालाँकि Fix Value को आवश्यकता अनुसार Change भी किया जा सकता हैं।

Example –

<input type=”text” name=”Computer ” value=”Computer” >

(यहां पर Input Box में  “Computer” Word पहले से ही लिखा हुआ Display होगा। )

Input Tag में Value Input Box के Size को भी Change किया जा सकता हैं।

Example –

<input type=”text” name=”name” size=”50″

(यहां पर Input Box का Size, 50 Column लम्बा हो जायेगा। )

<textarea> Tag 

Input Box के Size को बड़ा करने के लिए <textarea> Tag  का Use किया जाता हैं । इसमें Text area का size columns और rows में Define किया जाता हैं।  अगर आपको थोड़ा बड़ा Text Input करना हैं तो <textarea> Tag का Use किया जा सकता हैं। 

Example –

Address <textarea cols=”30″ rows=”5″ value=”address”>
</textarea>

Checkbox बनाने के लिए 

Checkbox बनाने के लिए <Checkbox> Tag का Use किया जाता हैं। 

Example –

Want to Join Sports <br>
YES <input type=”checkbox” id=”Sports” name=”Sports”>

NO <input type=”checkbox” id=”Sports1″ name=”Sports1″>

Radio Button बनाने के लिए 

Radio Button बनाने के लिए <Radio> Tag का Use किया जाता हैं। 

Example –

Gender
<br>

male <input type=”radio” name=”gender”>
Female <input type=”radio” name=”gender1″>

<select> Tag 

जहाँ पर Data Input करने के लिए एक से अधिक Option देने पड़ते हैं वहाँ <select> Tag का Use किया जाता हैं। <select> Tag के साथ option को Define करने के लिए <option> Tag का Use किया जाता हैं । जैसे Age , Year , Product Name Etc . 

Example –

Year
<br>
<select>
<option value=”2000″>2000</option>
<option value=”2002″>2002</option>
<option value=”2003″>2003</option>
<option value=”2004″>2004</option>
<option value=”2005″>2005</option>
</select>

<Button> Tag  

<Button> Tag का Use Buttons बनाने के लिए किया जाता हैं। Form में खास कर <Button> Tag का Use , Data को Submit या Save करने के लिये किया जाता हैं।

Example –

<input type=”Button” value=”Submit” >

Example 

ऊपर दिए गए सभी Commands या Tags का Use कर नीचे एक Example दिया जा रहा हैं जिसे आप अपने Notepad में लिखकर Practices कर सकते हैं।

Example –

<html>

<head>

<title> Form Format </title>

</head>

<body bgcolor=”pink”>

<form>

<label for=”StudentsName”> Student’s Name </label>
<input type=”text” id=”StudentsName” name=”StudentsName”>

<br>

Father’s name
<input type=”text” id=”fname” name=”fname”>

<br>

Mother’s Name
<input type=”text” name=”mname” value=”Dr, Abha”>

<br>
Brother’s Name

<input type=”text” name=”bname” size=”100″ >

<br>

Address

<textarea cols=30 rows=”5″ value=”address”>
</textarea>
<br>

Want to Join Sports

<br>
YES <input type=”checkbox” id=”Sports” name=”Sports”>

NO <input type=”checkbox” id=”Sports1″ name=”Sports1″>

<br>
Gender
<br>

Male <input type=”radio” name=”gender”>
Female <input type=”radio” name=”gender1″>
<br>

Year
<br>
<select>
<option value=”2000″>2000</option>
<option value=”2002″>2002</option>
<option value=”2003″>2003</option>
<option value=”2004″>2004</option>
<option value=”2005″>2005</option>
</select>

<br>
<input type=”Button” value=”Submit Now” >

</form>

</body> </html>

इसका Output , Internet Browser में कुछ इस तरह दिखेगा।

HTML Form In Hindi

HTML Form In Hindi ,

इसी Post से संबंधित “HTML Forms In Hindi” , Video को हमारे YouTube channel  में देखने के लिए इस Link में Click करें  ।   YouTube channel link –  (Padhai Ki Batein /  पढाई की बातें)

Note – Class 8th , 9th , 10th , 11th , 12th के हिन्दी विषय के सभी Chapters से संबंधित videos हमारे YouTube channel  (Padhai Ki Batein / पढाई की बातें)  पर भी उपलब्ध हैं। कृपया एक बार अवश्य हमारे YouTube channel पर visit करें । सहयोग के लिए आपका बहुत – बहुत धन्यबाद।

You are most welcome to share your comments . If you like this post . Then please share it . Thanks for Reading.

यह भी पढ़ें

What is HTML Coding

Web Page कैसे बनाते हैं

HTML Form 

How To Create Table In Html

How To Create Hyperlink In HTML

How To Insert An Image In HTML Page

Ordered And Unordered List In HTML

Frame In HTML Coding

Add Background Color And Image

Leave a Reply

Your email address will not be published.