ในการสร้างเว็บเพจ บางครั้งจำเป็นต้องมีฟอร์มเพื่อขอรับข้อมูลจากผู้ใช้ เช่นการลงทะเบียนเข้าเป็นสมาชิก การสั่งซื้อสินค้า ซึ่งการสร้างแบบฟอร์มประเภทนี้ ใน Dreamweaver ได้จัดเตรียมตัวควบคุมที่เรียกว่า ฟอร์มออบเจ็ค (Form object) ไว้ทำหน้าที่ในการจัดการควบคุมส่วนต่าง ๆ ในแบบฟอร์ม เพื่อให้เราสามารถสร้างแบบฟอร์มได้โดยง่าย 1. คลิกเมาส์ลงในตำแหน่งที่จะทำการสร้างฟอร์ม 3. กำหนดค่าต่าง ๆ ในพาเนล Properties
Post ผนวกข้อมูลไปกับ http องค์ประกอบต่าง ๆ ของฟอร์มสามารถเลือกได้โดยคลิกเมาส์ที่เมนูคำสั่ง Insert เลือกคำสั่ง Form Object หรือเลือกจากแถบ Insert ในแท็บ Forms ซึ่งมีดังต่อไปนี้ รายละเอียดของไอคอนใน Forms Text field แสดงช่องให้พิมพ์ข้อความ Hidden field ฟิวส์ซ่อน Textarea แสดงเขตข้อมูลให้พิมพ์ข้อความยาว ๆ ได้หลายบรรทัด Check box ใช้สำหรับตัวเลือกที่จะให้เลือกหรือไม่เลือก Radio button แสดงตัวเลือกหลายตัวเลือกให้เลือก Radio group ใช้กับตัวเลือกที่มีหลายตัวเลือก แต่ให้เลือกได้แค่ตัวเลือกเดียว List menu แสดงตัวเลือกหลายตัวเลือกเมื่อผู้ใช้ต้องการในรูปแบบเมนู Jump menu สร้างตัวเลือกที่เชื่อมโยงไปยังเว็บเพจหรือไฟล์ Image field ใส่รูปภาพลงในฟอร์ม File field ให้ผู้ใช้สามารถเลือกไฟล์ในฮาร์ดดิสก์ได้ Button สร้างปุ่มเพื่อให้ผู้ใช้คลิก Field set สร้างกลุ่มรวมของฟอร์ม Text Field เป็นออบเจ็คที่ให้ผู้ชมใช้ในการกรอกข้อความ ซึ่งมีอยู่ 3 แบบด้วยกัน คือ 1. คลิกเมาส์ลงบนตำแหน่งที่จะทำการสร้าง ฟอร์ม 3. กำหนดค่าในส่วนของพาเนล Properties 1. คลิกเมาส์ลงบนตำแหน่งที่จะทำการสร้างฟอร์ม 3. กำหนดค่าในส่วนของพาเนล Properties # default ไม่ให้ข้อความตัดขึ้นบรรทัดใหม่เมื่อพิมพ์ถึงขอบขวาของกรอบ ข้อความจะเลื่อนไปทางซ้ายหากต้องการขึ้นบรรทัดใหม่ให้กด enter Check box เป็นออบเจ็คที่ใช้สร้างกลุ่มตัวเลือก โดยสามารถเลือกได้มากกว่า 1 ตัวเลือก 3. กำหนดค่าในส่วนของพาเนล Properties Radio Button จะใช้ในการสร้างรายการตัวเลือกที่ให้ผู้ใช้เลือกเพียงตัวเลือกเดียว โดยมีวิธีการสร้างดังต่อไปนี้ 3. กำหนดค่าในส่วนของพาเนล Properties 1. คลิกเมาส์ลงบนตำแหน่งที่จะทำการสร้าง ฟอร์ม 4. คลิกที่ปุ่ม OK จะได้รูปแบบ Radio Group ขึ้นมาให้จัดตำแหน่งให้สวยงาม List ใช้ในการสร้างกลุ่มตัวเลือกที่มีตัวเลือกค่อนข้างมาก โดยผู้ใช้อาจเลือกมากกว่า 1 ตัวเลือกได้ ในขณะที่ Menu จะให้ผู้ใช้เลือกเพียงตัวเลือกเดียว 1. คลิกเมาส์ลงบนตำแหน่งที่จะทำการสร้าง ฟอร์ม 4. คลิกเมาส์ที่ปุ่ม เพื่อใส่ตัวเลือกต่างๆในรายการ จากนั้นคลิกที่ปุ่ม OK 5. ในส่วนของ Initially Selected ให้เลือกตัวเลือกที่จะให้แสดงบนเว็บเพจ เป็นตัวเลือกหลัก 6. การแสดงรายการของ Menu 1. คลิกเมาส์ลงบนตำแหน่งที่จะทำการสร้าง ฟอร์ม 4. คลิกเมาส์ที่ปุ่ม เพื่อใส่ตัวเลือกต่างๆในรายการ จากนั้นคลิกที่ปุ่ม OK 5. ในส่วนของ Initially Selected ให้เลือกตัวเลือกที่จะให้แสดงบนเว็บเพจ เป็นตัวเลือกหลัก 6. กำหนดให้เลือก Selections Allow multiple เพื่อให้สามารถ เลือกตัวเลือกได้หลายตัวเลือก ปุ่มมาตรฐานที่โปรแกรมจัดเตรียมไว้ให้ จะเป็นปุ่มที่มักจะต้องใช้ในทุกแบบฟอร์ม ซึ่งได้แก่ปุ่ม Submit หรือ Send ที่ใช้ในการส่งข้อมูลในแบบฟอร์มไปยังเว็บไซต์ , ปุ่ม Reset ที่ใช้ในการเริ่มกรอกข้อมูลใหม่ เป็นต้น 3. คลิกที่ปุ่ม บนหน้าเอกสารเพื่อปรับแต่งในส่วน Properties 4. เราสามารถเปลี่ยนข้อความบนปุ่มตามที่เราต้องการได้ในช่อง Label นอกจากปุ่มมาตรฐานที่โปรแกรมจัดเตรียมไว้ให้แล้ว เรายังสามารถสร้างปุ่มขึ้นมาเองได้โดยใช้รูปภาพมาทำเป็นปุ่มได้อีกด้วย 4. คลิกที่ปุ่ม รูปภาพเพื่อกำหนดค่าต่างๆ ในพาเนล Properties เราสามารถสร้างฟิลด์ที่ให้ผู้ใช้สามารถเลือกไฟล์ในเครื่องของตนเพื่อส่งไปยังเว็บไซต์ได้ โดยฟิลด์ที่ได้จะมีลักษณะเหมือน Text Field ที่มีปุ่ม Browse ติดมาด้วยซึ่งผู้ใช้อาจจะพิมพ์ชื่อไฟล์ลงไปตรง ๆ หรือคลิกที่ปุ่ม Browse เพื่อไปเลือกไฟล์ก็ได้ แต่อย่างไรก็ดีฟิลด์ชนิดนี้จำเป็นจะต้องสร้างลงในฟอร์มแบบ Post Method และต้องแน่ใจว่าเว็บไซต์นั้นอนุญาตให้เราส่งไฟล์เข้าไปได้ กำหนดค่า Method >>>> post 4. กำหนดค่าต่างๆ ใน พาเนล Properties Hidden Field เป็น Text Field ชนิดหนึ่งที่ใช้ในการเก็บข้อมูลเกี่ยวกับผู้ชมเพื่อส่งกลับไปยังเว็บไซต์เพื่อนำไปใช้ประโยชน์ต่อไป โดยฟิลด์นี้จะไม่แสดงให้ผู้ชมเห็น 3. คลิกที่สัญลักษณ์ Hidden Field เพื่อกำหนดค่าต่างๆ ในพาเนล Properties
Jump Menu เป็นการสร้างรายการในแบบเมนู ที่แต่ละตัวเลือกมีการเชื่อมโยงไปยังไฟล์หรือเว็บไซต์อื่น 3. ใส่รายการตัวเลือกและเป้าหมายเมื่อครบแล้วเลือก OK 5. หลังจากคลิกที่สัญลักษณ์ Jump Menu บนฟอร์ม จะปรากฏหน้าต่าง Properties ให้เราทำการปรับแต่งค่าได้ โดยคลิกที่ปุ่ม เพื่อทำการปรับเปลี่ยนตัวเลือกได้ตามต้องการ 6. หลังจากคลิกที่ปุ่ม แล้วจะปรากฏหน้าต่างให้ปรับตั้งค่าดังนี้ 7. เมื่อปรับเปลี่ยนตัวเลือกได้ตามที่ต้องการแล้วให้คลิกที่ปุ่ม OK
|