แบบฟอร์มเป็นรูปแบบภายนอกที่สำคัญในการใช้งานเว็บเพจแบบไดนามิก ฟิลด์ฟอร์มและฟอร์มฟอร์มไม่มีความสามารถในการพิมพ์และการผลิตหน้าเว็บแบบฟอร์มจะต้องจัดระเบียบในที่สุดโดยแบบฟอร์ม รูปแบบ HTML เป็นวิธีสำคัญในการโต้ตอบกับหน้า HTML และเบราว์เซอร์ ใช้แบบฟอร์มเพื่อรวบรวมข้อมูลที่เกี่ยวข้องที่ส่งโดยลูกค้า
เมื่อเรียกดูเว็บไซต์คุณมักจะพบกับรูปแบบซึ่งเป็นส่วนสำคัญของฟังก์ชั่นการโต้ตอบของเว็บไซต์ ไม่ว่ารูปแบบของภาษาใดที่เว็บไซต์ใช้ในการใช้ฟังก์ชั่นการโต้ตอบของเว็บไซต์เช่น ASP, PHP และ JSP รูปแบบได้กลายเป็นแบบฟอร์มภายนอกแบบครบวงจร
ฟังก์ชั่นหลักของแบบฟอร์มคือการรวบรวมข้อมูลโดยเฉพาะข้อมูลของผู้ชม ตัวอย่างเช่นหากคุณต้องการสมัครอีเมลออนไลน์คุณต้องกรอกข้อมูลในหน้าแบบฟอร์มที่จัดทำโดยเว็บไซต์ตามที่ต้องการและเนื้อหาหลักคือข้อมูลส่วนบุคคลเช่นชื่ออายุข้อมูลการติดต่อ ฯลฯ ตัวอย่างเช่นหากคุณต้องการพูดในฟอรัมคุณต้องสมัครผ่านคุณสมบัติก่อนพูดและคุณต้องกรอกหน้าฟอร์ม
แบบฟอร์มสามารถใช้สำหรับการสำรวจการสั่งซื้อการค้นหาและฟังก์ชั่นอื่น ๆ แบบฟอร์มทั่วไปประกอบด้วยสองส่วน: หนึ่งคือซอร์สโค้ด HTML ที่อธิบายองค์ประกอบของฟอร์มและอีกส่วนหนึ่งคือสคริปต์ของลูกค้าหรือโปรแกรมที่เซิร์ฟเวอร์ใช้เพื่อประมวลผลข้อมูลที่ผู้ใช้กรอกข้อมูล ใน HTML เราสามารถกำหนดรูปแบบและร่วมมือกับตัวจัดการแบบฟอร์มเซิร์ฟเวอร์เช่น CGI หรือ ASP
กระบวนการประมวลผลข้อมูลฟอร์มคือ: เมื่อคลิกปุ่มส่งในแบบฟอร์มข้อมูลที่ป้อนในแบบฟอร์มจะถูกอัปโหลดไปยังเซิร์ฟเวอร์จากนั้นแอปพลิเคชันที่เกี่ยวข้องในเซิร์ฟเวอร์จะดำเนินการ หลังจากการประมวลผลไม่ว่าจะจัดเก็บข้อมูลที่ส่งโดยผู้ใช้ในฐานข้อมูลเซิร์ฟเวอร์หรือส่งคืนข้อมูลที่เกี่ยวข้องไปยังเบราว์เซอร์ไคลเอนต์
แบบฟอร์มเป็นพื้นที่เฉพาะบนหน้าเว็บ พื้นที่นี้ถูกกำหนดโดยแท็ก <Form> คู่หนึ่ง ขั้นตอนนี้มีหลายฟังก์ชั่น ขั้นแรก จำกัด ขอบเขตของแบบฟอร์ม วัตถุแบบฟอร์มอื่น ๆ จะต้องแทรกลงในแบบฟอร์ม เมื่อคุณคลิกปุ่มส่งเนื้อหาที่ส่งอยู่นั้นอยู่ในขอบเขตของแบบฟอร์ม แง่มุมที่สองคือการดำเนินการข้อมูลที่เกี่ยวข้องเกี่ยวกับแบบฟอร์มเช่นที่ตั้งของโปรแกรมสคริปต์ที่ประมวลผลแบบฟอร์มวิธีการส่งแบบฟอร์ม ฯลฯ ข้อมูลนี้มองไม่เห็นผู้ชม แต่มีบทบาทเด็ดขาดในการประมวลผลแบบฟอร์ม
คุณสมบัติของแท็ก <form> แสดงในตารางต่อไปนี้
| คุณสมบัติ | อธิบาย |
|---|---|
| ชื่อ | ชื่อของแบบฟอร์ม |
| วิธี | โดยทั่วไปมีสองวิธีในการกำหนดวิธีการถ่ายโอนผลลัพธ์ฟอร์มจากเบราว์เซอร์ไปยังเซิร์ฟเวอร์: รับและโพสต์ |
| การกระทำ | ใช้เพื่อกำหนดตำแหน่ง (ที่อยู่สัมพัทธ์หรือสัมบูรณ์) ของตัวจัดการแบบฟอร์ม (ASP, CGI ฯลฯ ) |
| Enctype | ตั้งค่าวิธีการเข้ารหัสของข้อมูลแบบฟอร์ม |
| เป้า | ตั้งค่าวิธีการแสดงผลข้อมูลการส่งคืน |