HTML TUTORIALS-
-HTML Form Elements Tag –
Introduction-
🔹HTML form elements are used to collect user input. A form typically includes various controls like text fields, checkboxes,radio buttons,submit buttons, etc. These elements are wrapped inside a <form>tag.
📄 1. Basic Structure:-
<form action="/submit-url" method="post">
<!-- Form elements go here -->
</form>
✅ 2. Text Input:-
<label for="name">Name:</label>
<input type="text" id="name" name="name">
✅ 3. Password Input:-
<label for="password">Password:</label>
<input type="password" id="password" name="password">
✅ 4. Radio Buttons:-👇
<p>Gender:</p>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label>
Gender:
✅ 5. Checkboxes:-👇
<p>Skills:</p>
<input type="checkbox" id="html" name="skills" value="HTML">
<label for="html">HTML</label>
<input type="checkbox" id="css" name="skills" value="CSS">
<label for="css">CSS</label>
Skills:
✅ 6. Textarea:-👇
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" cols="50"></textarea>
✅ 7. Dropdown List :-👇
<label for="country">Country:</label>
<select id="country" name="country">
<option value="usa">USA</option>
<option value="uk">UK</option>
<option value="india">India</option>
</select>
✅ 8. Submit Button:-👇
<input type="submit" value="Submit">✅ 9. Email Input:-👇
<label for="email">Email:</label>
<input type="email" id="email" name="email">
✅ 10. Number Input:-👇
<label for="age">Age:</label>
<input type="number" id="age" name="age" min="1" max="100">
✅ 11. Example Complete Form:-👇
<form action="/submit" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="Register">
</form>