HTML in Hindi – HTML Forms

form tag in HTML Hindi
input tag in HTML Hindi
Introduction to HTML forms in Hindi

Introduction to HTML Forms

अगर आप user से कोई information लेना चाहते है तो HTML forms का use कर सकते है। उदाहरण के लिए जब भी कोई product buy करते है तो सबसे पहले हमारी details ली जाती है | ठीक इसी प्रकार से HTML form work करता है | HTML form के कुछ rules होते है जिसे fallow करके html form बना सकते है |

Form Tag

किसी भी web page में form create करने के लिए <form> tag का use किया जाता है | यह एक तरह से container होता है जो HTML form का starting and ending होता है। form tag के अंदर सारे tag आते है | पर form tag के कुछ attributes भी होते है | जैसे action , method , target etc.

Action Attribute

इस attribute से आप define कर सकते है की form submit होने के बाद क्या होना चाहिए जैसे form submit करते ही आप thank you का message show कर सकते है या php की कोई script execute कर सकते है।

Method Attribute

इस attribute के द्वारा data store किया जाता है यानी data किस method से होकर जाएगी इस attribute मे define किया जाता है और method attribute मे केवल 2 ही values पास किया जाता है | GET या POST |

Target Attribute

इस attribute का use तब होता है जब form submit होता है | यानी form submit होने के बाद कौन सा page open होगा | इसे हम target attribute मे define करते है |

Input Tag

Form को बनाने के लिए input tag का use किया जाता है | इस tag के कुछ attributes है | जिनका use करके form को develop किया जाता है |

Name Attribute

इस attribute का use एक particular नाम देने के लिए किया जाता है बाद में इसी नाम को server पर values store करने के लिए use किया जाता है।

<form>
<input name="FirstName">
</form>

Type Attribute

इस attribute का use type के लिए किया जाता है यानी user से किस तरह का input लेना है इसे हम type attribute मे define करते है | निचे दिये गये code को देखे |

<form>
<input type="text" name="FirstName">
</form>

Placeholder Attribute

अगर हमे text बॉक्स के अन्दर पहले से कुछ text show करना हो तो placeholder attribute का use कर सकते है | निचे दिये गये code को देखे |

<form>
<input type="text" name="FirstName" placeholder="Enter Your First Name">
</form>

Create a Text Box

html मे text बॉक्स create करने के लिए input tag का use कर सकते है | type attribute मे value text पास किया जाता है text बॉक्स create करने के लिए अब निचे दिये गये code देखे |

<!DOCTYPE html>
<html>
<head>
       <title>Easy Hindi Tutorials</title>
</head>
<body>
<form>
<input type="text" name="FirstName" placeholder="Enter Your First Name">
<input type="text" name="LastName" placeholder="Enter Your Last Name">
</form>
</body>
</html>

Create a Radio Button

Radio बटन के द्वारा user बिना keyboard का use किये अपना choise बता सकता है और radio button बनाने के लिए हमे input type का value radio देना होता है |

Note :- जब भी radio बटन का use किया जाता है तो name हमेसा same रखा जाता है ताकि user सिर्फ एक ही choise select कर सके जैसे – Male and Female अब निचे दिये गये code देखे |

<!DOCTYPE html>
<html>
<head>
       <title>Easy Hindi Tutorials</title>
</head>
<body>
       <form>
              Male <input type="redio" name="gender">
              Female <input type="redio" name="gender">
       </form>
</body>
</html>

Create a Check Box

html मे चेक बॉक्स का use जादा तर multiple option choose करने के लिए किया जाता है यानी एक से जादा option choose करना चाहते है तो चेक बॉक्स का use कर सकते है | अब निचे दिये गये code को देखे और समझने की कोसिस करे |

<!DOCTYPE html>
<html>
<head>
       <title>Easy Hindi Tutorials</title>
</head>
<body>
       <form>
              HTML <input type="checkbox" name="HTML">
              CSS <input type="checkbox" name="CSS">
              JAVA <input type="checkbox" name="JAVA">
              C++ <input type="checkbox" name="C++">
       </form>
</body>
</html>

HTML in Hindi – HTML Forms, Introduction to HTML forms in Hindi learn coding by myhindiexam