ฟิลด์กรอกข้อความจะช่วยเก็บรายละเอียดของผู้ที่ลงทะเบียนในเวบไซต์ที่เราสร้างตัวอย่างเช่น ชื่อ-นามสกุล เบอร์โทรศัพท์ E - Mail address เป็นต้น โดยในหัวข้อนี้จะอธิบายถึงวิธีการสร้างฟิลด์กรอกข้อความ ดังนี้
การสร้างฟิลด์กรอกข้อความ
ฟิลด์กรอกข้อความ มีไว้สําหรับตอบคําถามต่าง ๆ ซึ่งส่วนใหญ่แล้วมักจะสร้างไว้หลังคําถาม โดยมีขั้นตอนการสร้างดังต่อไปนี้
1. พิมพ์คําถาม เพื่อให้กรอกข้อความสําหรับตอบ
2. ปรับแต่งขนาดตัวอักษรตามต้องการหากต้องการให้ฟิลด์กรอกข้อความ อยู่ห่างจากข้อความมากกว่า 1 ตัวอักษรให้ตามวิธีการต่อไปนี้
3. คลิกแท็บ Charecters
4. คลิกปุ่ม 
เพื่อเพิ่มระยะห่างระหว่างคําถามกับคําตอบ
5. คลิกแท็บ Forms อีกครั้ง
6. คลิกปุ่ม Text Field 
ที่แท็บ Forms จะปรากฏฟิลด์กรอกข้อความ ขึ้นมา
การปรับแต่งคุณสมบัติของฟิลด์กรอกข้อความ
หลังจากที่สร้างฟิลด์เสร็จเรียบร้อยแล้ว จะต้องปรับแต่งคุณสมบัติของฟิลด์กรอกข้อความ โดยวิธีการ ดังแสดงต่อไปนี้
1. คลิกฟิลด์ที่สร้างขึ้นมา
2. พิมพ์ชื่อฟิลด์ที่ช่อง TextField ในที่นี้คือ name
3. กําหนดขนาดของฟิลด์ที่ช่อง Char Width
4. กําหนดจํานวนของตัวอักษรที่จะสามารถกรอกได้สูงสุดในฟิลด์กรอกข้อความที่ช่อง Mar Chars5. กําหนดประเภทของฟิลด์กรอกข้อความในส่วนของ Type โดยค่าที่เลือกกําหนดได้มีดังนี้
- Single line ในกรณีที่เป็นการกรอกข้อความเกี่ยวกับตัวอักษรหรือตัวเลขเพียงบรรทัดเดียว
- Multi line สําหรับกรอกข้อความเกี่ยวกับตัวอักษรหรือตัวเลขหรืออื่น ๆ ที่อาจจะมากกว่า 1 บรรทัด
- Password สําหรับกรอกรหัสผ่านโดยจะแสดงตัวอักษรหรือตัวเลขที่กรอกลงไปขึ้นมาให้เห็น แต่จะเป็นลักษณะของรหัสผ่าน นั่นคือ เครื่องหมาย *
6. กําหนดค่าเริ่มต้นของข้อความในฟิลด์ ในส่วน ของ Init Val ตัวอย่างเช่น กรุณาใส่ชื่อ - นามสกุล
7. กดปุ่ม <Enter> จะสังเกตเห็นว่าที่ช่อง fileแสดงคําว่า กรุณาใส่ชื่อ - นามสกุล ขึ้นมา
ในกรณีที่ไม่ต้องการให้แสดงคําว่า กรุณาใส่ชื่อ - นามสกุล ขึ้นมา เพื่อไม่ให้เป็นการเจาะจงเพศที่กรอกแบบสํารวจให้ทําตามขั้นตอนดังต่อไปนี้
8. ลบคําว่า กรุณาใส่ชื่อ - นามสกุล ที่ช่อง Init Val ออก
การบันทึกหน้าเว็บเพจ
หลังจากที่สร้างฟอร์มเสร็จเรียบร้อยแล้ว ควรจะ ทําการบันทึกฟอร์มที่สร้างขึ้นตามขั้นตอนต่อไปนี้
1. คลิกเมนู File > Save As จะปรากฏหน้าต่าง Save As ขึ้นมา
2. ตั้งชื่อไฟล์ที่ช่อง File name :
3. คลิกปุ่ม save
4. กดปุ่ม <F 12 > ที่คีย์บอร์ด เพื่อดูผลลัพธ์ผ่านทางบราวเซอร์
5. ทดลองพิมพ์ชื่อลงในฟิลด์กรอกข้อความ
