การส่งข้อมูลจากแบบฟอร์มที่กรอกโดยผู้เยี่ยมชมไปยังไซต์อินเทอร์เน็ตเป็นหนึ่งในงานที่ได้รับการแก้ไขบ่อยที่สุดในการโต้ตอบแบบโต้ตอบระหว่างนักท่องเว็บและโปรแกรมเซิร์ฟเวอร์ของแหล่งข้อมูลนี้ การจัดระเบียบของการดำเนินการนี้ในซอร์สโค้ดของหน้าไฮเปอร์เท็กซ์นั้นง่ายกว่าการสร้างสคริปต์เพื่อประมวลผลข้อมูลที่ส่ง สามารถใช้งานได้ทั้งโดยใช้ภาษา HTML และการใช้สคริปต์ JavaScript
คำแนะนำ
ขั้นตอนที่ 1
หากการประมวลผลข้อมูลไม่ได้ดำเนินการในไฟล์เดียวกันกับที่สร้างหน้าด้วยแบบฟอร์ม ให้ระบุที่อยู่ของสคริปต์ตัวจัดการในแอตทริบิวต์ action ระบุหนึ่งในสองวิธีที่เป็นไปได้ในการส่งตัวแปรแบบฟอร์ม - รับหรือโพสต์ ทางเลือกขึ้นอยู่กับตัวแปรที่ใช้ในการอ่านตัวแปรโดยสคริปต์ โดยหลักการแล้ว การแก้ปัญหาก็เพียงพอแล้ว ไม่จำเป็นต้องวางองค์ประกอบพิเศษในแบบฟอร์มที่เริ่มการส่งข้อมูล เนื่องจากการกดปุ่ม Enter โดยค่าเริ่มต้นจะเท่ากับการคลิกปุ่มเพื่อส่งข้อมูล อย่างไรก็ตาม ไม่ใช่ว่าผู้ใช้ทุกคนจะเดาเกี่ยวกับเรื่องนี้ ดังนั้นจึงควรวางปุ่มที่เกี่ยวข้องในแบบฟอร์ม
ขั้นตอนที่ 2
ใช้ปุ่มที่แสดงผลโดยแท็กอินพุตที่มีค่าส่งในแอตทริบิวต์ type การคลิกปุ่มดังกล่าวเป็นวิธีที่ "คลาสสิก" ซึ่งใช้กันมากที่สุดในการจัดระเบียบการส่งข้อมูลจากแบบฟอร์มบนหน้าเว็บ นอกเหนือจากแอตทริบิวต์ประเภทแล้ว ขอแนะนำให้ระบุค่าของแอตทริบิวต์ชื่อ และในค่าคุณสามารถใส่ข้อความของป้ายกำกับบนปุ่มได้ ตัวอย่างเช่น:
ขั้นตอนที่ 3
คุณสามารถใช้ JavaScript เพื่อส่งข้อมูล สิ่งนี้มีประโยชน์ในกรณีที่คุณต้องการจัดระเบียบการจัดส่งอัตโนมัติในเหตุการณ์ใด ๆ - ตัวอย่างเช่น หลังจากที่ผู้ใช้เลือกค่าที่ต้องการในรายการดรอปดาวน์ หรือหากต้องตรวจสอบโดยเครื่องมือตรวจสอบ JavaScript ก่อนส่งข้อมูล หากต้องการใช้วิธีส่งข้อมูลนี้ ให้ใช้วิธีการส่งของออบเจ็กต์แบบฟอร์ม ตัวอย่างเช่น หากค่า UniForm ถูกเขียนลงในแอตทริบิวต์ชื่อของแบบฟอร์ม จากนั้นเพื่อจำลองการคลิกปุ่มส่งในโค้ด JavaScript หลังจากดำเนินการที่จำเป็นทั้งหมดด้วยค่าที่ผู้ใช้ป้อน คุณต้องวางสิ่งต่อไปนี้ บรรทัด: document. UniForm.submit ();