HTML Form Kya Hai | HTML में Form कैसे बनाते है

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

html form kya hai

दोंस्तों यहाँ पर मै आपको बोहोत ही आसानी से यह बताने वाला हूँ की html form kya hai यानि की html फॉर्म क्या होता है इसलिए इस पोस्ट को पूरा पढियेगा | इस post में मै आपको यह बताने वाला हूँ की आप HTML का use करके अपने webpage में HTML form को कैसे बना सकते है इसलिए अगर आप यह सीखना चाहते है की HTML Coding करके HTML form को कैसे बनाया जाता है तो यह post आपके लिए बोहोत ही ज्यादा फायदेमंद होने वाली है इसलिए इस post को पूरा पढियेगा जिससे की मै जो भी बताऊ उसे आप बोहोत ही आसानी से समझ सके |

html form kya hai
shubhampal.co.in

html form kya hai

दोस्तों HTML form को बनाने के लिए सबसे पहले <form> tag का प्रयोग किया जाता है उसके बाद में हम उस form के लिए किसी भी Normal Text , जैसे Name , Father’s Name , Mobile No. को लिखने के लिए हम <label> टैग प्रयोग करते है और फिर उसके बाद में हम उन सभी boxes को बनाने के लिए जिनमे हम form की details को भरते है <input> टैग का प्रयोग किया जाता है,

हम value के अनुसार input के type को सभी tags में change कर देते है जैसे अगर हमे किसी का नाम लिखना है तो उसके लिए हम text input type और अगर हमे किसी का Mobile Number लिखना है तो हम number input type का प्रयोग करते है और इसी प्रकार हम जैसी value होती है उसी प्रकार के type का प्रयोग form को बनाते समय करते है |

ऐसे ही हम अपने form में submit button को बनाने के लिए submit input type , reset button के लिए reset , radio button के लिए radio , checkbox के लिए checkbox input type का use करते है | ऐसे ही बोहोत सारे input types और tags का प्रयोग करके हम एक HTML Form को बनाते है जिसमे हम अपनी requirement के हिसाब से जितनी चाहे उतनी values add कर सकते है |

604 B

html form kya hai

HTML Input

<HTML>

<HEAD>

<TITLE>HTML Form</TITLE>

</HEAD>

<BODY>

<H1>HTML Form</H1>

<FORM ACTION=”#”>

<LABEL FOR =”name”>NAME : </LABEL><INPUT TYPE=”text” NAME=”MY NAME” ID=”name”>

<BR>

<LABEL FOR =”work”>WORK : </LABEL><INPUT TYPE=”text” NAME=”MY WORK” ID=”work”>

<BR>

<LABEL FOR =”email”>EMAIL : </LABEL><INPUT TYPE=”email” NAME=”MY EMAIL” ID=”email”>

<BR>

<LABEL FOR =”mobile no.”>MOBILE NUMBER : </LABEL><INPUT TYPE=”number” NAME=”MY NUMBER” ID=”mobile no.”>

<BR>

<LABEL FOR =”address”>ADDRESS : </LABEL><TEXTAREA NAME=”MY ADDRESS” COLS=”30″ ROWS=”5″></TEXTAREA>

<BR>

<LABEL FOR =”city”>YOUR CITY : </LABEL>

<SELECT>

<OPTION>Lucknow</OPTION>

<OPTION>Kanpur</OPTION>

<OPTION>Mumbai</OPTION>

<OPTION>Kolkata</OPTION>

</SELECT>

<BR>

<LABEL FOR =”gender”>GENDER : </LABEL>

MALE <INPUT TYPE=”radio” NAME=”MY GENDER” ID=”gender”> FEMALE <INPUT TYPE=”radio” NAME=”MY GENDER” ID=”gender”> OTHRES <INPUT TYPE=”radio” NAME=”MY GENDER” ID=”gender”>

<BR>

<LABEL FOR =”eligibility”>ELIGIBILITY : </LABEL>

ELIGIBLE <INPUT TYPE=”checkbox” NAME=”MY ELIGIBLITY” ID=”eligibility”> NOT ELIGIBLE <INPUT TYPE=”checkbox” NAME=”MY ELIGIBLITY” ID=”eligibility”>

<BR>

<INPUT TYPE=”SUBMIT” NAME=”SUBMIT FORM” VALUE=”SUBMIT NOW”> <INPUT TYPE=”RESET” NAME=”RESET FORM” VALUE=”RESET NOW”>

</FORM>

</BODY>

</HTML>

html form kya hai

HTML Output

HTML Form

HTML Form







MALE FEMALE OTHRES
ELIGIBLE NOT ELIGIBLE


यह भी पढ़े –

  1. Web Development क्या होता है?
  2. HTML क्या होती है?
  3. HTML Tags का उपयोग कैसे करें?
  4. HTML में Table कैसे बनाते है?
  5. HTML में List कैसे बनाते है?
  6. HTML Page में Image Insert कैसे करें?

html form kya hai

Loading

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

Leave a Comment

error: Content is protected !!