ยินดีต้อนรับสู่แบบฟอร์มเรียนรู้

หลักสูตรนี้จะแบ่งแบบฟอร์ม HTML ออกเป็นส่วนต่างๆ ที่เข้าใจง่าย ในโมดูลต่อๆ ไป คุณจะได้เรียนรู้วิธีการทำงานของแบบฟอร์ม HTML และวิธีใช้แบบฟอร์มเหล่านั้นในโปรเจ็กต์ของคุณอย่างมีประสิทธิภาพ ใช้แผงเมนูข้างโลโก้เรียนรู้ฟอร์มเพื่อไปยังส่วนต่างๆ ของโมดูล

คุณจะได้เรียนรู้วิธีสร้างแบบฟอร์ม HTML พื้นฐาน เกี่ยวกับองค์ประกอบของแบบฟอร์ม HTML การจัดรูปแบบแบบฟอร์ม ช่วยผู้ใช้ในการป้อนข้อมูลซ้ำ การตรวจสอบว่าแบบฟอร์มสามารถเข้าถึงได้และปลอดภัย วิธีทดสอบแบบฟอร์ม และเกี่ยวกับประเภทแบบฟอร์มที่เฉพาะเจาะจง

แต่ละโมดูลจะมีการสาธิตแบบอินเทอร์แอกทีฟและการประเมินตนเองไว้ให้คุณทดสอบความรู้

หลักสูตรนี้เหมาะสำหรับผู้เริ่มต้นและนักพัฒนา HTML ขั้นสูง โมดูล 2-3 โมดูลแรกจะช่วยคุณในการเริ่มสร้างแบบฟอร์ม HTML ส่วนโมดูลอื่นๆ จะให้รายละเอียดเพิ่มเติม คุณสามารถเรียนรู้ในซีรีส์นี้ตั้งแต่ต้นจนจบเพื่อทำความเข้าใจทั่วไปเกี่ยวกับแบบฟอร์ม HTML หรือเลือกโมดูลเฉพาะที่ต้องการเรียนรู้เพิ่มเติม

ข้อกำหนดเบื้องต้น

คุณควรทราบเกี่ยวกับ HTML ก่อนเริ่มหลักสูตรนี้ สำหรับผู้ที่เพิ่งเริ่มใช้การพัฒนาเว็บ โปรดดูหลักสูตรข้อมูลเบื้องต้นเกี่ยวกับ HTML จาก MDN เพื่อเรียนรู้ทั้งหมดเกี่ยวกับวิธีเขียนมาร์กอัป

เดโม

สำหรับเดโมส่วนใหญ่ เราจะใช้ CodePen

เมื่อดูการสาธิต คุณอาจสงสัยว่าสไตล์เหล่านี้มาจากไหน เราใช้สไตล์ชีตทั่วไปที่รวมอยู่ในการสาธิตทั้งหมด ดังนั้นระบบจะแสดงเฉพาะรูปแบบที่เกี่ยวข้องเท่านั้น ใน CodePen คุณจะเลือกไฟล์ CSS ที่รวมไว้ได้จากการตั้งค่า

ตัวควบคุมแบบฟอร์มและช่องของแบบฟอร์ม

ตัวควบคุมแบบฟอร์มคือองค์ประกอบที่ช่วยให้การโต้ตอบของผู้ใช้และการป้อนหรือการเลือกข้อมูล เช่น <input>, <select>, <textarea> หรือ <button>

บางครั้งช่องแบบฟอร์มจะใช้เพื่ออ้างอิงถึงการควบคุมแบบฟอร์ม ในองค์ประกอบบางอย่างสำหรับการป้อนข้อความ เช่น <input> และ <textarea>

ยินดีต้อนรับสู่แบบฟอร์มเรียนรู้

ข้อกำหนดเบื้องต้น

เดโม

ตัวควบคุมแบบฟอร์มและช่องของแบบฟอร์ม

สิ่งที่คุณจะได้เรียนรู้มีดังนี้

ใช้แบบฟอร์มเพื่อรับข้อมูลจากผู้ใช้

ช่วยผู้ใช้ป้อนข้อมูลในแบบฟอร์ม

ช่วยผู้ใช้หลีกเลี่ยงการป้อนข้อมูลในแบบฟอร์มซ้ำ

ช่วยผู้ใช้ป้อนข้อมูลที่ถูกต้องในแบบฟอร์ม

ทดสอบแบบฟอร์ม

พื้นฐานการออกแบบ

การช่วยเหลือพิเศษ

การปรับให้เป็นสากลและการแปล

ความปลอดภัยและความเป็นส่วนตัว

ป้อนข้อความอัตโนมัติ

วิธีทดสอบความสามารถในการใช้งานแบบฟอร์ม

ทดสอบแบบฟอร์มในอุปกรณ์และแพลตฟอร์มต่างๆ

การรวบรวมข้อมูล

องค์ประกอบแบบฟอร์มโดยละเอียด

ช่องของแบบฟอร์มอย่างละเอียด

รายละเอียดแอตทริบิวต์ของแบบฟอร์ม

การจัดรูปแบบแบบฟอร์ม

การจัดรูปแบบตัวควบคุมแบบฟอร์ม

JavaScript

รูปแบบการชำระเงิน

แบบฟอร์มที่อยู่

บทสรุปและขั้นตอนถัดไป