Mission 9: Form

เป้าหมายของ Mission นี้: สร้าง <form> เป็นโครงห่อ input ต่างๆ และเข้าใจ หน้าที่ของมัน

Form Tag

<form> คือ element ที่ห่อ input ทุกชนิดไว้ด้วยกัน เพื่อรวบรวมข้อมูลจากผู้ใช้ แล้วส่งออกไปพร้อมกันครั้งเดียว (submit) — Mission นี้แค่สร้างโครง ยังไม่ต้อง เชื่อมกับอะไรจริงจัง (เรื่อง state/event จะเรียนใน Chapter 6)

Demo

<form>
  <!-- input ต่างๆ จะอยู่ในนี้ -->
</form>