<< back บทที่ 10 การสร้างแบบฟอร์ม





<FORMgt;...</FORM>
ในการสร้างแบบฟอร์มนั้นจะเริ่มต้นด้วยคำสั่ง <FORM> จากนั้นจึงบรรจุคำสั่งอื่นๆ ลงไป ตามที่ต้องการ แล้วปิดท้ายด้วยคำสั่ง </FORM> เหมือนชุดคำสั่งทั่วๆ ไป โดยมีคำสั่งย่อยที่ทำให้เกิด ช่องว่างสำหรับการเติมข้อความลงไป

โดยที่
- METHOD มี 2 ค่า คือเป็นตัวรับข้อมูล (GET) หรือ เป็นตัวส่งข้อมูล (POST) เป็นการกำหนดว่าข้อมูลจะถูกส่งมาประมวลผลโดยโปรแกรมที่ Server อย่างไร
- ACTION เป็นชื่อโปรแกรมที่ Sever เรียกขึ้นมาประมวลผลที่ผู้ใช้กรอกลงไป มี ตำแหน่งของ URL ชี้ไปยัง CGI Script บน Web Server ซึ่งเป็นตัวประมวลผลข้อมูลที่ส่งมาจากฟอร์ม
- ENCTYPE ใช้สำหรับการเข้ารหัสเพื่อรักษาความลับของข้อมูลที่ส่ง

การกำหนดส่วนที่รับข้อมูล
เราจะกำหนดส่วนที่มีการรับข้อมูล โดยใช้คำสั่ง<INPEPUT>

โดยที่
- TYPE เป็นการกำหนดชนิดของการรับข้อมูล ประกอบไปด้วย Text, Checkbox, Radio, Test Area, Submit, Reset
- Name เป็นการกำหนดชื่อของส่วนการรับข้อมูลนี้
- VALUE เป็นการกำหนดค่าเรื่มต้นของข้อมูล


ช้อมูลชนิด TEXT
Text เป็นข้อมูลชนิดตัวอักษรหรือข้อความ ข้อมูลชนิดนี้จะบรรจุข้อความได้เพียง 1 บรรทัด เท่านั้น และเมื่อเลือกชนิดข้อมูลเป็น Text แล้ว จะต้องกำหนดค่าต่อไปนี้เพิ่มด้วย SIZE= "ความกว้างของรายการข้อมูลนั้นๆ" MAXLENGTH= "จำนวนตัวอักษรสูงสุดเท่าที่รายการข้อมูลนั้นจะรับได้"

ข้อมูลชนิด CHECKBOX
เป็นลักษณะแบบตัวเลือกซึ่งเลือกได้มากกว่า 1

ข้อมูลชนิด RADIO
เป็นลักษณะของตัวเลือกซึ่งจะต้องเลือกเพียงตัวเลือกใดตัวเลือกหนึ่ง

หมายเหตุ ให้สังเกตว่าการกำหนด Name นั้นจะใข้ชื่อเดียวกันภายในกลุ่มตัวเลือก ซึ่งหมายความว่า ภายในกลุ่มตัวเลือกชื่อนี้ สามารถเลือกได้เพียงตัวเลือกเดียวเท่านั้น และเราสามารถกำหนดตัวเลือกที่จะ เป็น default ได้ โดยการเพิ่มส่วนขยาย Checked ลงไปในคำสั่ง<INPUT>

ข้อมูลชนิดSUBMIT, RESET
ข้อมูลชนิดนี้จะมีลักษณะเป็นปุ่ม โดยชนิด Submit เป็นปุ่มแสดงการยอมรับการกรอก แบบฟอร์มนี้ และปุ่ม Reset จะเป็นปุ่มยกเลิกการกรอกแบบฟอร์ม

การสร้างปุ่มตัวเลือก<SELECT>...</SELECT>
ปุ่มตัวเลือกจะมีการแสดงรายชื่อหลายๆ รายการ โดยสามารถเลือกได้เพียงรายการเดียว โดยมี คำสั่ง <SELECT> เป็นการกำหนดส่วนที่จะเป็นตัวเลือก และคำสั่ง <OPTION> เป็นการกำหนดตัว ดังนี้ ตามปกติแล้วตัวเลือกจะถูกแสดงบนหน้าจอเพียงตัวเลือกเดียว ถ้าต้องการจะให้แสดงหลาย ตัวเลือกพร้อมกันให้เพิ่มส่วนขยาย Multiple ลงในคำสั่ง <SELECT> และถ้าต้องการแสดงตัวเลือก เพียงบางส่วนให้เพิ่มส่วนขยาย SIZE=n ลงในคำสั่ง<SELECT>

ข้อมูลขนิด <TETAREXTAREA>...</TETAREXTAREA>
คำสั่ง <TETAREXTAREA>...</TETAREXTAREA> ใช้สำหรับสร้างกรอบป้อนข้อความแบบหลาย บรรทัด( Multiple Text-entry box) และยังกำหนดตัวอักษรเริ่มต้นที่แสดงในกรอบอีกด้วย โดยที่
- ROWS เป็นจำนวนแถวที่ใช้ในการป้อนข้อมูล
- COLS เป็นจำนวนคอลัมน์สูงสุดที่ใช้ป้อนข้อมูลในแต่ละแถว