รูปแบบ
<FORM METHOD = “POST/GET” ACTION = “URL”> … </FORM>
METHOD = เป็นรูปแบบในการส่งข้อมูล ประกอบไปด้วย
GET = เป็นตัวรับ – ส่ง ข้อมูลขนาดจำกัดจาก Server ไม่เกิน 256 ตัวอักษร
POST = เป็นตัวรับ – ส่ง ข้อมูลไม่จำกัดจาก Server
ACTION = ตำแหน่งหรือ URL ของ CGI Script ที่วางไว้ที่ Server
สร้างช่องกรอกข้อมูลในฟอร์ม
1. TEXT = รูปแบบที่ผู้ใช้ต้องป้อนโดยวิธีพิมพ์ข้อความลงไปในช่องข้อมูล
<INPUT TYPE=TEXT SIZE=n1 NAME=fieldname MAXLENGTH=n2 VALUE="message">
n1 = จำนวนตัวอักษรของกรอบรับข้อความ
fieldname = เป็นชื่อฟิลด์ที่ใช้เก็บข้อมูลในรายการนี้
n2 = จำนวนของความยาวสูงสุด
message = ข้อความที่กำหนดให้เป็นค่าปกติ
2. PASSWORD = รูปแบบที่รับข้อมูลคล้าย TEXT แต่จะแสดงเป็นเครื่องหมาย * ขึ้นเวลาป้อน
<INPUT TYPE=PASSWORD SIZE=n1 NAME=fieldname MAXLENGTH=n2>
n1 = จำนวนตัวอักษรของกรอบรับข้อความ
fieldname = เป็นชื่อฟิลด์ที่ใช้เก็บข้อมูลในรายการนี้
n2 = จำนวนของความยาวสูงสุด
3. RADIO = รูปแบบการรับข้อมูลที่กำหนดทางเลือกไว้ให้ผู้ใช้เลือกทางใดทางหนึ่ง
<INPUT TYPE=RADIO NAME=fieldname VALUE="message" CHECKED>
fieldname = ชื่อฟิลด์ที่ใช้เก็บข้อมูลในรายการนี้
message = ค่าของรายการเลือกที่ถูกเลือก ค่าจะเก็บไว้ในฟิลด์ที่ต้องไว้
CHECKED = แอ็ททริบิวต์ที่กำหนดให้เลือกที่ค่านั้น เป็นค่าปกติ จะมีได้เพียงรายการเดียวเท่านั้น ในแต่ละกลุ่มรายการ
วิธีสร้างทางเลือกหลายทางก็คือให้พิมพ์แท็ก INPUT หลายๆ อัน โดยให้มีชื่อ Name ชื่อเดียวกัน
4. CHECKBOX = รูปแบบการรับข้อมูลที่ให้ผู้ใช้เลือกได้มากกว่า 1 รายการ
<INPUT TYPE=CHECKBOX NAME=fieldname VALUE="message" CHECKED>
fieldname = เป็นชื่อฟิลด์ที่ใช้เก็บข้อมูลในรายการนี้
message = เป็นค่าของรายการเลือกที่ถูกเลือก ค่าจะเก็บไว้ในฟิลด์ที่ต้องไว้
CHECKED = เป็นแอ็ททริบิวต์ที่กำหนดให้เลือกที่ค่านั้น เป็นค่าปกติ
5. SUBMIT = สร้างปุ่มส่งข้อมูลทั้งหมดในแบบฟอร์มออกไป
<INPUT TYPE=SUBMIT VALUE="ข้อความที่จะแสดงบนปุ่ม">
6. RESET = สร้างปุ่มลบข้อมูลในฟอร์มทั้งหมดทิ้ง
<INPUT TYPE=RESET VALUE="ข้อความที่จะแสดงบนปุ่ม">
7. สร้างรายการข้อมูลให้เลือก เป็น Drop-Down Menu
<SELECT NAME=ชื่อฟิลค์ที่ใช้เก็บข้อมูลของรายการที่เลือก มีค่าเป็น ข้อความที่เลือก>
<OPTION> ข้อความรายการเลือกที่ 1
<OPTION> ข้อความรายการเลือกที่ n
</SELECT>
แท็ก SELECT ยังมีแอ็ททริบิวต์ อีก 2 ตัว ดังนี้
MULTIPLE ทำการแสดง Drop-Down Menu แบบหลายบรรทัด ค่าปกติคือ 4 บรรทัด หากมีรายการมากกว่านี้จะมีแถบ Scroll Bar ขึ้นมาด้วย
SIZE=n ใช้กำหนดจำนวนบรรทัดใน Drop-Down Menu จากค่าปกติ 4 บรรทัด เป็นจำนวนเท่ากับ n แท็ก
แท็ก OPTION ก็มีแอ็ททริบิวต์อีก 1 ตัว คือ
SELECTED ใช้กำหนดในรายการที่ต้องการให้เป็นค่าเลือกเริ่มต้น สามารถใส่ได้รายการเดียวเท่านั้น
8. สร้างกรอบป้อนข้อความแบบหลายบรรทัด
<TEXTAREA NAME=fieldname ROWS=n COLS=m WRAP=VALUE> ข้อมูลที่ต้องการแสดงในกรอบป้อนข้อมูล </TEXTAREA>
ROWS กำหนดจำนวนแถวที่ใช้ในการป้อนข้อมูล
COLS กำหนดจำนวนคอลัมน์สูงสุดในการป้อนข้อมูลในแต่ละแถว จำนวนคอลัมน์ที่เหมาะสมที่สุด คือ 80 ตัวอักษร
WRAP เมื่อต้องพิมพ์ในบรรทัดแรกไปจนสุดจอแล้วจะทำการขึ้นบรรทัดใหม่ให้ทันที โดยไม่ต้องเคาะบรรทัดใหม่ มี 3 ค่า ดังนี้
off = การปิดการใช้งาน wrap ภายในพื้นที่เนื้อหา
virtual = มีการ wrap ภายในฟอร์มเนื้อหา แต่เมื่อมีการส่งค่าไปโพสต์ที่เว็บแล้ว ข้อความที่พิมพ์จะไม่มีการ wrap
physical = มีการ wrap ภายในฟอร์มเนื้อหา และในเว็บเพจด้วยเช่นเดียวกัน
ตอนต่อไป -> เฟรม
ไม่มีความคิดเห็น:
แสดงความคิดเห็น