ลองป้อน prompt ให้ ai เช่น : "สร้างฟอร์มลงทะเบียน HTML มีชื่อ, อีเมล, วันเกิด และปุ่มส่ง"
คัดลอกโค้ดที่ได้ไปทดลองใช้งาน และปรับแก้เพิ่มเติม
จับกลุ่ม (กลุ่มเดิมเทอมที่แล้ว หรือใครอย่างใส่เดี่ยวได้)
นักเรียนแต่ละกลุ่มเลือกสถานการณ์ ดังนี้
คุณกำลังออกแบบเว็บไซต์สำหรับคอร์สเรียนออนไลน์ ต้องการให้ผู้ใช้งานสมัครสมาชิกก่อนเข้าเรียน
ชื่อ-นามสกุล (text)
อีเมล (email)
เบอร์โทร (tel)
ตั้งรหัสผ่าน (password)
ยืนยันรหัสผ่าน (password)
เลือกระดับชั้นที่เรียน (select)
ยินยอมเงื่อนไข (checkbox)
ร้านค้าออนไลน์ต้องการสร้างหน้าสั่งซื้อสินค้าให้ลูกค้าเลือกสินค้าและกรอกที่อยู่จัดส่ง
ชื่อผู้ซื้อ (text)
ที่อยู่จัดส่ง (textarea)
เลือกสินค้าที่ต้องการ (checkbox)
จำนวนสินค้าที่ต้องการซื้อ (number)
ช่องทางการชำระเงิน (radio: โอน / เก็บเงินปลายทาง)
วันที่ต้องการจัดส่ง (date)
โรงเรียนจัดค่ายวิชาการ นักเรียนต้องกรอกฟอร์มสมัครเข้าร่วมกิจกรรม
ชื่อ-นามสกุล (text)
ห้อง/ระดับชั้น (select)
กิจกรรมที่สนใจ (checkbox: แข่งขันเขียนโค้ด, สอบวัดความรู้, สร้างเว็บไซต์)
เบอร์โทรผู้ปกครอง (tel)
โรคประจำตัว (textarea)
แนบเอกสารอนุญาตจากผู้ปกครอง (file)
เว็บไซต์ต้องการฟอร์มให้ผู้ใช้ส่งข้อเสนอแนะหรือแจ้งปัญหาการใช้งาน
ชื่อผู้ให้ความเห็น (text)
ประเภทความคิดเห็น (select: แนะนำ, แจ้งปัญหา, อื่นๆ)
ข้อความแสดงความคิดเห็น (textarea)
คะแนนความพึงพอใจ (range)
ต้องการให้ติดต่อกลับหรือไม่ (radio: ใช่ / ไม่)
นักเรียนสามารถจองเวลานำคอมพิวเตอร์ส่วนตัวมาซ่อมที่โรงเรียนผ่านฟอร์ม
ชื่อ-นามสกุล (text)
รุ่น/ยี่ห้อคอมพิวเตอร์ (text)
อาการที่พบ (textarea)
วันที่ต้องการนัดซ่อม (date)
เวลาที่ต้องการ (time)
อัปโหลดภาพอาการเสีย (file)
ลองสร้างฟอร์มด้วย AI ลองดูสิ