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

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

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

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

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

ขั้นตอนที่ 1

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

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

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

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

ขั้นตอนที่ 2

ใส่

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

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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

ใช่

ไม่

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

ขั้นตอนที่ 5

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

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

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

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

ขั้นตอนที่ 6

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

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

ขั้นตอนที่ 7

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

หมวดหมู่

ล่าสุด

วิธีเพิ่มไฮเปอร์ลิงก์ไปยังไฟล์ JPEG

วิธีเพิ่มไฮเปอร์ลิงก์ไปยังไฟล์ JPEG

เครดิตรูปภาพ: Deagreez / iStock / GettyImages ใ...

วิธีเปลี่ยนการตั้งค่าแถบเครื่องมือ

วิธีเปลี่ยนการตั้งค่าแถบเครื่องมือ

ส่วนต่อประสานผู้ใช้ที่แตกต่างกันมีลำดับความสำคั...

วิธีจัดแนวรายการสัญลักษณ์แสดงหัวข้อย่อยใน HTML

วิธีจัดแนวรายการสัญลักษณ์แสดงหัวข้อย่อยใน HTML

ใช้โค้ด CSS เพื่อจัดตำแหน่งรายการหัวข้อย่อยใน ...