สร้างฟอร์มสมัครงาน

ในหลาย ๆ เว็บไซต์จะมีแบบฟอร์ม ไม่ว่าจะเป็นฟอร์มสมัครสมาชิก ฟอร์มรับสมัครงาน รวมไปถึงฟอร์มแสดงความคิดเห็น ในตัวอย่างนี้จะสอนวิธีการสร้างฟอร์มสมัครงาน มาดูวิธีการทำกันเลย

<!DOCTYPE html>
<html>
<body>

<h2>แบบฟอร์มสมัครงาน</h2>
<form>
  <label for="fullname">ชื่อ-นามสกุล</label><br>
  <input type="text" name="fullname"><br>
  
  <label for="gender">เพศ</label><br>
  <input type="radio" name="gender" value="male">
  <label for="male">ชาย</label>
  <input type="radio" name="gender" value="female">
  <label for="female">หญิง</label><br><br>
  
  <label for="job">ตำแหน่งงานที่สนใจ</label><br>
  <input type="checkbox" name="programmer" value="programmer">
  <label for="programmer"> โปรแกรมเมอร์</label><br>
  <input type="checkbox" name="graphic" value="graphic">
  <label for="graphic"> กราฟิกดีไซน์</label><br><br>
  
  <input type="submit" value="สมัครงาน">
</form>

</body>
</html>

ดูผลลัพธ์

อธิบายเพิ่มเติม การสร้างฟอร์มจะต้องใช้แท็ก <form> ก่อนเสมอ จากนั้นใส่รายละเอียดต่าง ๆ ในแท็ก <form> แนะนำให้ศึกษาโค้ดในแต่ละบรรทัด ลองเปลี่ยนแปลงโค้ด แล้วดูว่าจะเกิดอะไรขึ้น แบบนี้จะทำให้เห็นภาพและเข้าใจมากขึ้น