วิธีการส่งแบบฟอร์มใน Html

สารบัญ:

วิธีการส่งแบบฟอร์มใน Html
วิธีการส่งแบบฟอร์มใน Html

วีดีโอ: วิธีการส่งแบบฟอร์มใน Html

วีดีโอ: วิธีการส่งแบบฟอร์มใน Html
วีดีโอ: สอน HTML5 เบื้องต้น [2020] ตอนที่ 14 - การสร้างฟอร์ม (HTML Form) 2024, อาจ
Anonim

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

วิธีการส่งแบบฟอร์มใน html
วิธีการส่งแบบฟอร์มใน html

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

แท็กเปิดอาจมีลักษณะดังนี้: แอตทริบิวต์ "ชื่อ" ที่นี่คือชื่อของแบบฟอร์ม และแอตทริบิวต์ "วิธีการ" คือวิธีการส่งข้อมูล (วิธี GET หรือ POST เป็นไปได้) แอตทริบิวต์ "action" ระบุสคริปต์ URL บนเซิร์ฟเวอร์ที่ควรส่งข้อมูลจากแบบฟอร์ม หากคุณไม่ระบุที่อยู่ ข้อมูลจะถูกโอนไปยัง URL ของหน้าเดียวกัน ตามกฎแล้วหน้าโต้ตอบดังกล่าวสร้างขึ้นโดยสคริปต์สากลพิเศษที่ให้ทั้งการรับและการประมวลผลข้อมูลจากหน้าเดียวกัน

ขั้นตอนที่ 3

วางองค์ประกอบที่เหมาะสมสำหรับการป้อนข้อมูลของผู้ใช้ประเภทข้อมูลที่ต้องการหลังจากแท็กเปิดของแบบฟอร์ม องค์ประกอบที่คล้ายกันสามารถ: ฟิลด์ที่มีข้อความสำหรับป้อน: ในที่นี้เช่นเดียวกับแท็ก "อินพุต" ที่เหลือแอตทริบิวต์ "ประเภท" จะกำหนดประเภทขององค์ประกอบ "ชื่อ" คือชื่อของตัวแปรที่จะส่ง ด้วยข้อมูลที่ป้อนในฟิลด์นี้และ " ค่า "- ค่าเริ่มต้นซึ่งจะถูกกรอกในฟิลด์ป้อนข้อความในภายหลัง

ขั้นตอนที่ 4

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

แนะนำ: