If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.
पिछले topic में आपने Form के बारे में पढ़ा इस topic में हम form inputs के बारे में पढ़ेंगे। HTML में different - different data inputs के लिए different - different type के Form elements use किये जाते हैं। जो कि इस प्रकार हैं -
| Form Elements | Uses |
|---|---|
| <label> | इसका use किसी input / select के name को represent करने के लिए किया जाता है जिससे ये मालूम हो सके की वो input की बारे में हैं। |
| <input> | form में input का use (date , time , text , numeric , radio , checkbox, url, email) data fill करने के लिए किया जाता है। |
| <select> | जब हमें दी गयी लिस्ट में से कोई एक option select करना हो तब इसका use किया जाता है। |
| <option> | यह <select> element के साथ use होता है किसी predefined list में से किसी एक option को select करने के लिए। |
| <textarea> | जब हमने बहुत बड़ा content input करना होतो textarea का use किया जाता है। |
| <fieldset> | इस tag का use form elements को group करने के लिए किया जाता है। |
| <legend> | इसका use <fieldset> tag के लिए as a label किया जाता है , या कसा सहते हैं कि group fields का label define करने के लिए किया जाता है। |
| <button> | form में कोई clickable button show करने के लिए। |
File : html_form_elements.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML Table Example</title>
</head>
<body>
<form>
<fieldset>
<legend>Personal Info:</legend>
<label>Full Name:</label><br>
<input type="text" name="fname" placeholder="Enter Your Full Name"><br><br>
<label>Gender</label><br>
<select name="gender">
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select><br><br>
<label>About You</label><br>
<textarea name="about_you" placeholder="Tell more about yourself" rows="4"></textarea><br>
</fieldset> <br>
<input type="submit" value="Submit">
</form>
</body>
</html> बैसे तो <input> की type attribute के लिए कई साड़ी values होती हैं जिन्हे आप next chapter में पढोगे।