วิธีการสร้างแบบสอบถามใน HTML

ผู้ชายกำลังถือคลิปบอร์ดและดินสอ

แบบฟอร์ม HTML ช่วยให้คุณสามารถรวบรวมข้อมูลทุกประเภทจากผู้เยี่ยมชมเว็บไซต์ของคุณ

เครดิตรูปภาพ: Stockbyte / Retrofile / Getty Images

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

ขั้นตอนที่ 1

เปิดเอกสาร HTML ที่คุณต้องการแสดงแบบสอบถามของคุณใน Notepad โปรแกรมแก้ไข HTML ในตัวของโฮสต์เว็บ หรือโปรแกรมแก้ไข HTML ที่คุณเลือก หากคุณกำลังเริ่มต้นหน้าเว็บใหม่ ให้สร้างเอกสาร TXT ใหม่ จากนั้นแทรกแท็กพื้นฐาน:

วีดีโอประจำวันนี้

ชื่อเรื่องของหน้าเว็บ

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

ขั้นตอนที่ 2

ใส่

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

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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

ใช่

ไม่

แท็กจะสร้างตัวแบ่งบรรทัดในหน้าเว็บของคุณ เนื่องจาก HTML เองไม่รู้จักช่องว่าง

ขั้นตอนที่ 5

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

รูปเพิ่มเติม!

ลิงค์เพิ่มเติม!

เนื้อหาเพิ่มเติม!

ขั้นตอนที่ 6

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

เนื่องจากตัวเลือก "สี" มีคุณลักษณะที่เลือกไว้ ตัวเลือกนี้จะเป็นตัวเลือกเริ่มต้น

ขั้นตอนที่ 7

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

หมวดหมู่

ล่าสุด

วิธีล้างหน่วยความจำในแถบค้นหา

วิธีล้างหน่วยความจำในแถบค้นหา

ล้างหน่วยความจำในแถบค้นหา เสิร์ชเอ็นจิ้นและเว็...

วิธีปิดการติดตาม Google Chrome

วิธีปิดการติดตาม Google Chrome

ใช้แผงการตั้งค่าความเป็นส่วนตัวใน Chrome สำหรั...

วิธีเปิดใช้งาน JavaScript ใน Internet Explorer

วิธีเปิดใช้งาน JavaScript ใน Internet Explorer

Internet Explorer 11 ได้รับการออกแบบมาเพื่อเรีย...