TOC

This article is currently in the process of being translated into Thai (~97% done).

Forms:

Introduction to Forms

Form คือ พื้นที่ ที่ประกอบไปด้วยสิ่งที่มีไว้ให้ผู้ใช้ ใช้ในการกระทำหรือกรอกข้อมูลกับ webpage เช่น กล่องกรอกข้อมูล, radio button (ปุ่มตัวเลือก), หรือ dropdown menu (เมนูสำหรับเลือก) ทุก webpage มีการทำงานที่เหมือนกัน เช่น ผู้ใช้จะกรอกข้อมูลกดปุ่มส่ง เพราะฉะนั้น Form มีความสำ คัญและจำเป็นถ้าเราต้องการข้อมูลจากผู้ใช้

เราสามารถสร้างฟอร์มได้หลากหลาย ถ้าใครเคยใช้เวลากับ webpage เกิน 30 นาที คนๆนั้นอาจจะเคยใช้ฟอร์มในการ sign up newsletter, ดูอัตราการแลกเปลี่ยนเงินตราต่างประเทศ, หรืออื่นๆ

ในบทนี้เราจะเรียนเกี่ยวกับฟอร์มขั้นพื้นฐาน ในบทต่อๆไปเราจะเรียนฟอร์มของ HTML5

ฟอร์ม HTML ทำงานอย่างไร

ฟอร์มประกอบด้วย 2 ส่วนคือ front end และ back end หน้าที่ของ front end คือ การแสดงผล ส่วนหน้าที่ของ back end คือ การจัดการข้อมูล
ส่วนใหญ่ back end จะเขียนด้วย PHP หรือ ASP แต่ไม่ต้องกังวล เราไม่จำเป็นต้องเรียนภาษาดังกล่าว เราสามารถใช้ formmail จาก ผู้ให้บริการทาง internet ของเรา (Internet Service Provider : ISP) ถ้าไม่มี เราสามารถใช้บริจาคจากที่อื่นได้ทั้งฟรีหรือมีค่าใช้จ่าย

ฟอร์ม HTML ทำงานแบบเป็นขั้นตอนดังนี้

  • ผู้ใช้เข้าใช้หน้า webpage ที่มีฟอร์มอยู่
  • เวบเบราเซอร์แสดงฟอร์มบนหน้าจอ
  • ผู้ใช้กรอกข้อมูลแล้วกดปุ่มส่ง
  • เบราเซอร์ส่งข้อมูลให้กับ web server
  • Form processor script (formmail) ที่ทำงานอยู่บน web server ทำการประมวลผลข้อมูล
  • ผลลัพธ์ที่ได้จะถูกส่งกลับให้เบราเซอร์
This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!