Presentation form

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

Text box จะใชใ้ นการเกบ็ ขอ้ ความสัน้ ๆ แบบบรรทดั เดยี ว เชน่ ชอ่ื ,นามสกลุ ,ที่อยู่ เปน็ ต้น รปู แบบ <input type=“text” size=“ขนาด” name=“ชอ่ื ของขอ้ มลู ” maxlength=“ความยาวสงู สุด” value=“ขอ้ ความ”>

ชว่ ยใหผ้ กู้ รอกแบบฟอรม์ ไดง้ า่ ยขนึ้ โดยการเลอื กจากตวั เลอื กทเี่ รากาหนดให้ ซ่ึงขอ้ มลู แบบ Radio จะแสดงดว้ ยปมุ่ วงกลมโปรง่ หนา้ แตล่ ะตวั เลอื ก เพอ่ื ใหผ้ ใู้ ชไ้ ดค้ ลกิ เลอื ก เมอื่ ปมุ่ ใดปมุ่ หนึ่งถกู คลกิ เลอื ก ปมุ่ ทเ่ี หลอื จะอยใู่ นสถานะไมถ่ กู เลอื ก ผุใ้ ชจ้ งึ เลอื กไดเ้ พยี งตัวเลอื กเดยี ว เช่น เพศ , คาตอบทเี่ ปน็ ใช่ หรอื ไมใ่ ช่ เป็นต้น รปู แบบ <input type=“radio” name=“ชอ่ื ของขอ้ มลู ” value=“คา่ ตวั เลอื ก” checked>ขอ้ ความตวั เลอื ก

ฟลิ ด์ขอ้ มลู แบบ Email ใช้สาหรบั ปอ้ นขอ้ มลู ทอ่ี ยอู่ เี มล (Email address) ซึง่ เป็นขอ้ มลู ทม่ี รี ปู แบบ เฉพาะ หากเบราวเ์ ซอรใ์ ดไมร่ องรบั HTML 5 ฟลิ ด์ชนดิ นีจ้ ะถกู มอบเปน็ ฟลิ ดแ์ บบ Text แทน รปู แบบ <input type=“Email” placeholder=“name@address”>

ขอ้ มลู แบบ Password จะใชง้ านเหมอื นกบั ขอ้ มลุ แบบ Text เพียงแตข่ อ้ มลู จะถกู แทนทดี่ ว้ ย เคร่อื งหมายดอกจนั (*) หรอื () หรืออนื่ ๆ เพอ่ื กนั ไมใ่ หอ้ า่ นได้ แตเ่ ซริ ฟ์ เวอรจ์ ะรบั รไู้ ด้ เหมาะ สาหรบั การกรอกรหสั ผา่ นตา่ ง ๆ ทเ่ี ป็นความลบั รูปแบบ <input type=“password” size=“ขนาด” name=“ชอื่ ของขอ้ มลู ” maxlength=“ความยาวสงู สดุ ”>

HTML5 ได้เพมิ่ ชนขิ อง type 6 แบบ เพื่อใชใ้ นการเกบ็ ขอ้ มลู แบบวนั – เวลา โดยแสดงเปน็ กรอบปฏทิ นิ ใหผ้ ใุ้ ชเ้ ลอื กไดโ้ ดยสะดวก รูปแบบ <input type=“รปู แบบวนั - เวลา”> date ป้อนขอ้ มลู วนั ที่ Time ปอ้ นขอ้ มลู เวลา datetime ปอ้ นขอ้ มลู วนั ที่และเวลา (รวม time zone) datetime-local ปอ้ นขอ้ มลู วนั ท่ี – เวลาตามรปู แบบทเี่ ครอ่ื ง ผู้ใชใ้ ช้ (ไมร่ วม time zone) month ป้อนขอ้ มลู เดอื น week ป้อนขอ้ มลู สัปดาห์

รปู แบบ <input type=“รปู แบบวนั - เวลา”> date ปอ้ นขอ้ มลู วนั ท่ี

เราสามารถใสป่ มุ่ ต่าง ๆ ลงในแบบฟอรม์ ไดห้ ลากหลาย แต่ปุม่ พนื้ ฐานทจ่ี าเปน็ ไดแ้ กป่ มุ่ Submit และ Reset โดยที่ ป่มุ Submit เปน็ ปมุ่ ทเี่ มอ่ื ผใุ้ ชค้ ลกิ ขอ้ มูลทถ่ี กู กรอกไวใ้ นแบบฟอรม์ จะถูกสง่ ไปยงั เซริ ฟ์ เวอรท์ นั ที เพอ่ื ทาการประมวลผล ปุ่ม Reset เป็นปุม่ ทจ่ี ะทาการลา้ งขอ้ มลู ทถ่ี ูกกรอกไวท้ งั้ หมด เพอ่ื เรมิ่ ตน้ ใหม่ ทัง้ ปุม่ Submit และ Reset จะสรา้ งขนึ้ ดว้ ยแทรก็ คาสง่ั <input> รูปแบบ <input type=“submit” value=“ขอ้ ความ”> <input type=“reset” value=“ขอ้ ความ”>