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

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

< Input Type= "Radio" >

เมื่อออปชันบ็อกซ์หลายๆ ออปชันที่อยู่ใน Elments เดียวกันแล้ว จะสามารถเลือกออปชันบ็อกซ์เพียง 1 ออปชันเท่านั้น คือ ออปชันที่ไม่ได้ถูกเลือก จะปรับ สภาพเป็นไม่ถูกเลือกโดยอัตโนมัติ ซึ่งในเช็กบ็อกซ์จะทำไม่ได้
พร็อปเพอร์ตี้ของออปชันบ็อกซ์

พร็อปเพอร์ตี้ของออปชันบ็อกซ์ จะมีส่วนคล้ายๆ กับพร็อปเพอร์ตี้ของเช็กบ็อกซ์ ดังต่อไปนี้

1. เป็นพร็อปเพอร์ตี้สำหรับแสดงว่า ออบเจ็กต์มีการคลิกเลือกหรือไม่ โดยจะมีจุดดำๆ ปรากฎ สำหรับถูกเลือก และไม่มีจุดดำๆ สำหรับไม่ถูก ดังนั้นค่า ของพร็อปเพอร์ตี้จะมีค่าเป็น "True" หรือ "False" เป็นต้น ซึ่งเราสามารถเขียนโปรแกรมได้ดังต่อไปนี้ คือ

Document.Frm.OptionBox.Checked="True"

2. "DafaulfChecked"

เป็นพร็อปเพอร์ตี้สำหรับเป็นออปชันที่ถูกเลือกเมื่อเว็บเพจทำงาน และจะมีค่าเหมือนกับพร็อปเพอร์ตี้แล้ว คือ มีค่าเป็น "True" หรือ "False" ซึ่งเรา สามารถเขียนโปรแกรมได้ดังต่อไปนี้ คือ

Document.Frm.OptionBox.DefaultChecked="True"

3. Disabled

เป็นพร็อปเพอร์ตี้สำหรับให้ออปชันบ็อกซ์ไม่สามารถทำงานได้ หรือได้สามารถทำงานได้ โดยกำหนดเป็น "True" และ " "False" ถ้าเป็น "False" ออบเจ็กต์ นี้จะทำงานไม่ได้ แต่ถ้าเป็น "True" แล้วจะทำงานได้ตามปกติ และมีรูปแบบการเขียนดปรแกรม ดังนี้คือ

Document.Frm.OptionBox.Disabled="True" , "False"

4. Value

เป็นพร็อปเพอร์ตี้สำหรับเป็นตัวแปร สำหรับค่าเป็นตัวหนังสือที่ Element ต่างๆ ที่ถูกเลือกของออปชัน ซึ่งพร็อปเพอร์ตี้ Value นี้สามารถกำหนดได้จาก คำสั่งเอชทีเอ็มแอล ตอนสร้างออปชันบ็อกซ์ได้เช่นเดียวกัน รูปแบบการเขียนโปรแกรม ดังนี้คือ

Document.Frm.OptionBox.Value="ถูกเลือก"
ออบเจ็กซ์ Selected

เป็นออบเจ็กต์สำหรับให้มีการเลือกรายการใน Selected ที่เราพบทั่วๆ ไป ออบเจ็กต์ Selected สามารถแสดงรายการเลือกหลายๆ รายการผ่านใน 1 บรรทัด โดยแสดงรายการที่มีการเลือกไว้ก่อนและถ้าต้องการดูรายการทั้งหมดก็ให้คลิกที่ลูกศรชี้ลง ก็จะพบรายการทั้งหมดดังในรูป
หรือจะแสดงรายการในหลายบรรทัดก็ได้ เช่น 2 บรรทัด 3 บรรทัด ซึ่งเราสามาถเลือกดูรายการที่เหลือจากสกรอลล์บาร์แนวตั้ง และรายการที่ถูกเลือก จะมีไฮไลต์

นอกเหนือจาก Select แล้วจะต้องมีรายการต่างๆ ที่ต้องการให้เลือกบรรจุอยู่ใน Selected ด้วย จึงทำให้ออบเจ็กต์ Selected สมบูรณ์แบบที่สุดสำหรับ คำสั่งเอชทีเอ็มแอล สำหรับสร้างออบเจ็กต์ Selected มีดังนี้คือ

< select Name="Combo" Size"1" >
โดยที่เราต้องตั้งชื่อให้กับมันด้วย หากต้องการนำไปเขียนดปรแกรม Vbscript ส่วนรายการต่างๆ ที่จะบรรจุอยู่ใน Selected จะสร้างได้จากคำสั่ง เอชทีเอ็มแอล คือ

< Option > รายการที่1 < /Option >

< Option > รายการที่2 < /Option >

และถ้ามีรายการอื่นๆ อีกก็ให้เขียนคำสั่งนี้ติดต่อกันไป ในคำสั่ง Option ถ้าต้องการสร้างตัวแปรที่รายการเลือกนั้น ก็สามารถเขียนคำสั่งให้เป็น Value ="W1" เป็นต้น และถ้ารายการไหนให้มีการเลือกตอนเริ่มต้นทำงานแล้ว จะต้องเขียนคำสั่ง Selected ที่รายการนั้นด้วย
ตัวอย่าง ถ้าเราจะสร้างออบเจ็กต์ Select ให้มีรายการทั้งหมด 3 รายการ เป็นรายการที่ 1, 2, 3 ตามลำดับ และให้มีค่า Value ตัวแปรประจำแต่ละรายการเป็น L1, L2, L3 ตามลำดับ ให้มีการเลือกรายการที่ 3 เมื่อเพจทำงานจะเขียนคำสั่งเอชทีเอ็มแอลได้ดังนี้ คือ

< select Name="Combo" Size"1" >

< Option Value ="L1" > รายการที่1 < /Option >

< Option Value ="L2" > รายการที่2 < /Option >

< Option Selected Value ="L3" > รายการที่1 < /Option >

< /Select >
พร็อปเพอร์ตี้ของ Select

Select เป็นออบเจ็กต์หนึ่ง จึงต้องมีพร็อปเพอร์ตี้ต่างๆ มาให้ปรับปรุงในารสร้างเพจ ให้สอดคล้องกับจุดประสงค์ของการเขียนโปรแกรม โดยมีพร็อปเพอร์ตี้ต่อ ไปนี้
1. Disabled

เป็นพร็อปเพอร์ตี้เหมือนๆ กับออบเจ็กต์ต่างๆ ที่ผ่านมา คือ จะให้ออบเจ็กต์นั้นทำงานได้หรือไม่โดยจะมีค่าเป็น "True" เมื่อไม่ต้องการให้ทำงาน และมีค่าเป็น "Fales" เมื่อต้องการให้ทำงานตามปกติ รูปแบบของการเขียนดปรแกรม เมื่อ Selected มีชื่อเป็น "Combo" มีดังนี้คือ

Document.All.Combo.Disabled="False"
2. Length

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

Document.All.Combo.Length=3
หมายความว่า มีรายการให้เลือก 3 รายการเป็น Selected
3. Selectd

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

Document.All.Combo.SelectedIndex=0
หมายความว่า รายการที่ถูกเลือกอยู่ในรายการแรกของ Selected
4. Size

เป็นพร็อปเพอร์ตี้สำหรับปรับปรุงออบเจ็กต์ Selected ให้แสดงรายการที่ให้เลือกกี่บรรทัด ซึ่งได้กล่าวไปแล้วว่า สามาถแสดงได้ใน 1 บรรทัด หรือ หลายๆ บรรทัด โดยให้ปรับปรุงที่พร็อปเพอร์ตี้ตี้ดังนั้นค่าของพร็อปเพอร์ตี้ จะมีค่าเป็นตัวเลข รูปแบบของการเขียนโปรแกรมได้เป็น

Document.All.Combo.Value="12"
5. Style

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

Document.All.Combo.Style.FontSize="18" ออบเจ็กต์ Button

เป็นออบเจ็กต์ที่มีรูปร่างเป็นปุ่มให้เราคลิก เพื่อทำงานในขั้นตอนต่อไป หรือที่เราจะเรียกว่า บัตทอน (Button) โดยทั่วไปแล้วบัตทอนจะแบ่งออกเป็น 3 ชนิด คือ

1. Button เป็นบัตทอนธรรมดาหรือปุ่มธรรมดา ที่เราต้องเขียนโปรแกรม เพื่อให้มันทำงานหลังจากการคลิดที่บัตทอนนี้แล้ว

2. Submit เป็นบัตทอนที่มีการบันทึกหน้าที่การทำงานให้มันอยู่แล้ว โดยที่ไม่ต้องเขียนโปรแกรมให้กับมัน คือ มันจะไปทำงานตามคำสั่งแอก ชันของฟอร์ม ดังนั้นการสร้างบัตทอนชนิดนี้ จะต้องอ้างอิงถึงฟอร์ม โดยต้องกำหนดแอกชันว่า เมื่อคลิกที่บัตทอนชนิด Submit แล้วให้ไปทำงานตรงไหน
3. Reset เป็นบัตทอนที่มีรูปแบบการทำงานเหมือนบัตทอน Submit คือ เป็นบัตทอนสำหรับลบข้อมูลต่างๆ ที่ได้บันทึกไว้เพื่อจะ
Submit แต่มีความผิดพลาดและต้องการยกเลิก จึงต้องคลิกที่บัตทอน Reset นี้ หลังจากที่คลิกบัตทอนนี้แล้ว ข้อมูลที่บันทึกไว้จะถูกลบหายไปหมด เราสามารถเขียนคำสั่งเอชทีเอ็มแอล เพื่อสร้างออบเจ็กต์บัตทอน แล้วกำหนดชนิดของบัตทอนดังนี้คือ

< Input Type="Button" > สำหรับบัตทอนธรรมดา

< Input Type="Submit" > สำหรับบัตทอน Submit

< Input Type="Reset" > สำหรับบัตทอน Reset
การเขียนโปรแกรมเพื่ออ้างอิงถึงออบเจ็กต์นี้ จะต้องตั้งชื่อให้กับมันด้วยคำสั่ง Name ตอนสร้างบัตทอนเหมือนออบเจ็กต์อื่นๆ ที่ผ่านมา
พร็อปเพอร์ตี้ของบัตทอน

พร็อปเพอร์ตี้ของบัตทอน จะมีไม่มากเหมือนออบเจ็กต์อื่นๆ ที่ผ่านมา โดยมีพร็อปเพอร์ตี้ดังต่อไปนี้
1. Disabled

เป็นพร็อปเพอร์ตี้สำหรับให้บัตทอนสามาถทำงานได้หรือไม่ได้ โดยมีค่าเป็น True หรือ False ดังได้กล่าวมาแล้ว
2. Value

เป็นพร็อปเพอร์ตี้สำหรับตัวหนังสือบัตทอน เช่น ถ้าต้องการให้บัตทอนมีตัวหนังสือเป็น "โปรด Click" ก็ให้กำหนดพร็อปเพอร์ตี้ Value นี้เป็น "โปรด Click" ก็จะได้บัตทอน รูปแบบของการเขียนโปรแกรมมีดังต่อไปนี้ เมื่อ Bt เป็นชื่อของบัตทอน

Document.All.Bt.Value="โปรด Click"
3. Style

เป็นพร็อปเพอร์ตี้ทีมีรูปแบบเหมือนออบเจ็กต์ต่างๆ ที่กล่าวไปแล้ว ได้แก่ การปรับปรุงฟอนด์ การจัดวาง สี ขนาด และตำแหน่งที่อยู่ของออบเจ็กต์