Project 3: Contact Form

Relax. We'll talk through this in plain words — no textbook voice.

Project 3 — Contact Form. A form is crucial for letting users reach out on a website. This project pulls together labels, input types, textareas, and validation.

Requirement: it needs name, email, service dropdown, message, required validation, and a submit button. A form is the door between users and your business — don't spend all your effort making the door pretty and forget to install a handle.

html

<form action="/contact" method="post">
  <label for="full-name">Full name</label>
  <input id="full-name" name="fullName" type="text" required>

  <label for="email">Email</label>
  <input id="email" name="email" type="email" required>

  <label for="service">Service</label>
  <select id="service" name="service" required>
    <option value="">Choose one</option>
    <option value="web">Web Design</option>
    <option value="automation">AI Automation</option>
    <option value="video">Video Editing</option>
  </select>

  <label for="message">Message</label>
  <textarea id="message" name="message" rows="5" required></textarea>

  <button type="submit">Send message</button>
</form>

You should see

You'll end up with a contact form structure that includes basic validation.