HTML Forms
Is lesson mein hum HTML Forms ke baare mein seekhenge. Forms ka use user se information lene ke liye kiya jata hai.
What is an HTML Form?
HTML Form ek aisa section hota hai jahan user apni information enter kar sakta hai.
Example: Name, Email, Mobile Number, Password, Message etc.
1. Form Tag
HTML mein form banane ke liye <form> tag use hota hai.
<form>
</form>
2. Input Tag
User se information lene ke liye <input> tag use hota hai.
Example:
<input type="text">
Isse ek simple text box banega.
3. Label
Label user ko batata hai ki input box mein kya information enter karni hai.
<label>Name</label> <input type="text">
4. Important Input Types
HTML mein different types ke input boxes hote hain.
- text - Name ya normal text ke liye
- email - Email ke liye
- password - Password ke liye
- number - Number ke liye
- tel - Mobile number ke liye
- date - Date select karne ke liye
5. Textarea
Agar user ko bada message likhna ho, to <textarea> use karte hain.
<textarea></textarea>
6. Submit Button
Form ko submit karne ke liye button use kiya jata hai.
<button type="submit">
Submit
</button>
7. Complete Form Example
Ab ek simple registration/contact form banate hain.
<form>
<label>Name</label>
<input type="text" placeholder="Enter your name">
<br><br>
<label>Email</label>
<input type="email" placeholder="Enter your email">
<br><br>
<label>Mobile</label>
<input type="tel" placeholder="Enter mobile number">
<br><br>
<label>Message</label>
<br>
<textarea placeholder="Write your message"></textarea>
<br><br>
<button type="submit">
Submit
</button>
</form>