How to Create Forms in HTML for Beginners

Basic Form Structure

1<form action="/submit" method="POST">
2  <!-- form fields go here -->
3  <button type="submit">Submit</button>
4</form>

• action → where the data will be sent
• method → how the data is sent (GET or POST)

GET vs POST

• GET → sends data through the URL (good for search forms)
• POST → sends data in the background (better for login, contact, or sensitive info)

Simple Contact Form Example

1<form action="/contact" method="POST">
2  <label for="name">Name:</label>
3  <input type="text" id="name" name="name" />
4
5  <label for="email">Email:</label>
6  <input type="email" id="email" name="email" />
7
8  <label for="message">Message:</label>
9  <textarea id="message" name="message"></textarea>
10
11  <button type="submit">Send Message</button>
12</form>

Quick Tips

• Always use a <label> so users know what each field is for.
• Give every input a name attribute, this is what gets sent with the data.
• Use POST for forms that handle private information.
• The action can point to a backend file or API endpoint.