NECTEC
NSTDA
Home
Computer
Program
Internet & Web
Graphics
CAI
Multimedia
Electrical Power
General Education
Special Education
Links
Webmaster
Web Design by Macromedia Dreamweaver

การสร้างฟอร์ม (Form)

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

หลักการสร้างฟอร์ม

  • คลิกเมาส์ ณ ตำแหน่งที่ต้องการวางฟอร์ม
  • เปลี่ยนแถบเครื่องมือ Object เป็น Form โดยคลิกที่ปุ่ม Control Menu ซึ่งมีรูปร่างเป็นปุ่มสามเหลี่ยมชี้ลง แล้วเลือกรายการ Form
    Form Tools
  • คลิกเลือกเครื่องมือกำหนดตำแหน่งการสร้างฟอร์ม จะปรากฏเส้นประสีแดงในเอกสาร ณ ตำแหน่งที่วาง Cursor ซึ่งต่อไปเมื่อต้องการวัตถุเกี่ยวกับการสร้างฟอร์ม จะต้องตรวจสอบ Cursor ให้อยู่ในกรอบสีแดงนี้ก่อนเสมอ
  • สังเกตที่บัตร Properties จะมีรายการต่างๆ ดังนี้

Form Properties

  • ให้พิมพ์คำบังคับ mailto:E-Mail Address ในบรรทัด Action เช่น ถ้าผู้พัฒนาเอกสารเว็บมีอีเมล์ คือ [email protected] ก็ให้ระบุรายการในบรรทัด Actionดังนี้

Action Mailto

  • เมื่อกำหนดคุณสมบัติของฟอร์มตามข้อ 5. แล้ว ต่อไปก็จะเป็นการวางวัตถุต่างๆ ในฟอร์ม ซึ่งประกอบด้วยวัตถุสำคัญๆ ดังนี้
    • ฟิลด์กรอกข้อความ (Text Field) ทั้งตัวอักษรและตัวเลข
    • ฟิลด์ตัวเลือกแบบ CheckBox
    • ฟิลด์ตัวเลือกแบบ Radio Button
    • ฟิลด์รายการ (List/Menu Field)
    • ฟิลด์ปุ่ม (Button Field)

วัตถุในฟอร์มที่แนะนำ เป็นฟิลด์หรือวัตถุพื้นฐานที่สามารถนำมาใช้งานได้กับคำสั่ง Mailto: ส่วนฟิลด์ที่เหลือจะเป็นส่วนที่ต้องทำงานกับโปรแกรมมิ่ง ดังนั้นจึงไม่ได้แนะนำ แต่อย่างไรก็ตามก็มีหลักการนำมาใช้ใกล้เคียงกัน และการควบคุมตำแหน่งของฟอร์มจำเป็นต้องอาศัย Table มาจัดการ