ฟอร์มติดต่อสั้น

ตัวอย่างสองช่องและปุ่ม

<form action="#" method="post">
  <p>
    <label for="fullname">ชื่อ</label>
    <input id="fullname" name="fullname" type="text">
  </p>
  <p>
    <label for="message">ข้อความ</label>
    <input id="message" name="message" type="text">
  </p>
  <button type="submit">ส่งข้อความ</button>
</form>

ผลลัพธ์ที่คาดหวัง

คลิกคำว่า “ชื่อ” แล้วเคอร์เซอร์ไปที่ช่องชื่อ · มีปุ่มส่งท้ายฟอร์ม

แบบฝึกปฏิบัติ

ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้

สร้างฟอร์มสองช่องพร้อม label for/id ให้ตรงกันทุกช่อง
ตรวจว่าค่า for กับ id สะกดเหมือนกันทุกตัวอักษร
ง่าย