บทเรียนดิจิตอล

การสร้างฟอร์ม

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

ประเภทของคำสั่งในการสร้างขอบเขตของแบบฟอร์มสอบถามแบ่งออกเป็น 3 ปรเภท

<TEXTAREA> เป็นคำสั่งที่ใช้สำหรับกรอบป้อนข้อมูล สามารถป้อนข้อมูลได้หลายบรรทัด
<SELECT> เป็นคำสั่งที่ใช้สำหรับสร้างตัวเลือกที่อยู่ในกรอบตัวเลือก
<INPUT> เป็นคำสั่งที่ใช้ในการสร้างกรอบป้อนข้อความบรรทัดเดียว ปุ่มแบบวิทยุ (Radio button) ช่องทำเครื่องหมาย (Check box) ปุ่มยืนยันข้อมูลที่ป้อน (Submit button) ปุ่มยกเลิกข้อมูลที่ป้อน (Reset button)

คำสั่งในการสร้างแบบฟอร์ม

METHOD เป็นรูปแบบของวิธีในการส่งข้อมูล ซึ่งจะประกอบไปด้วย
- GET เป็นตัวรับ - ส่ง ข้อมูลขนาดจำกัดจาก Server ไม่เกิน 256 ตัวอักษร
- POST เป็นตัวรับ - ส่ง ข้อมูลไม่จำกัดจาก Server
ACTION คือตำแหน่งหรือ URL ของ CGI Script ที่วางไว้ที่ Server ที่กำหนดใน Domain ต่างๆ หรือใช้ค่า mailto: ก็ได้

การสร้างกรอบป้อนข้อความแบบหลายบรรทัด

<FORM>
<TEXTAREA NAME="ชื่อของข้อมูล TEXTAREA" ROWS="ค่าตัวเลข" COLS="ค่าตัวเลข">....ข้อมูลที่ต้องการแสดงผลในกรอบป้อนข้อมูล...... </TEXTAREA>
</FORM>

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

ROWS เป็นการกำหนดจำนวนแถวที่ใช้ในการป้อนข้อมูลต่าง ๆ ลงในกรอบป้อนข้อความ
COLS เป็นการกำหนดจำนวนคอลัมน์สูงสุดในการป้อนข้อมูลในแต่ละแถว ซึ่งจำนวนคอลัมน์ที่เหมาะสมที่สุดจะมีค่าตัวเลขเท่ากับ 80 Characters

ข้อสังเกต

ค่าตัวเลขของ ROWS นั้นจะเป็นการกำหนดความสูงของกรอบป้อนข้อมูล และค่าตัวเลขของ COLS นั้นและเป็นการกำหนดความกว้างของกรอบป้อนข้อมูล

การสร้างตัวเลือก

<FORM>
<SELECT NAME="ชื่อของข้อมูลที่ต้องการสร้างตัวเลือก " SIZE="ค่าตัวเลข / MULTIPLE">
<OPTION SELCETED VALUE=ชื่อย่อของตัวเลือก">ตัวเลือกที่ต้องการแสดง
<OPTION VALUE=ชื่อย่อของตัวเลือก">ตัวเลือกที่ต้องการแสดง
<OPTION VALUE=ชื่อย่อของตัวเลือก">ตัวเลือกที่ต้องการแสดง
</SELECT>
</FORM>

ในคำสั่งการสร้างตัวเลือกนั้น การแสดงผลตัวเลือกนั้นจะมีการกำหนดคุณสมบัติ โดยใช้คุณสมบัติ SIZE เป็นตัวกำหนดซึ่งสามารถกำหนดได้ 2 แบบคือ

SIZE="ค่าตัวเลข" เป็นการกำหนดการแสดงผลตัวเลือกตามค่าตัวเลขที่ได้ระบุไป
SIZE="MULTIPLE" เป็นการกำหนดการแสดงผลตัวเลือกทั้งหมดที่มีอยู่ โดยจะแสดงเรียงต่อกันตามบรรทัดในแต่ละตัวเลือก <OPTION>