Project 3: Contact Form

စိတ်လျှော့ပါ။ ဒီခန်းကို စာအုပ်လိုမဟုတ်ဘဲ စကားပြောသလိုပဲ၊ နားလည်လွယ်အောင် ရှင်းပါမယ်။

Project 3 — Contact Form။ Website တစ်ခုမှာ user ဆက်သွယ်နိုင်ဖို့ form ကအရေးကြီးပါတယ်။ ဒီ project မှာ label, input type, textarea, validation တွေကိုစုသုံးထားပါတယ်။

Requirement: name, email, service dropdown, message, required validation, submit button ပါရမယ်။ Form က user နဲ့ business ကြားကတံခါးပါ — တံခါးကိုလှအောင်လုပ်ပြီး 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

Basic validation ပါတဲ့ contact form structure တစ်ခုရပါမယ်။