top of page

การจัดกลุ่มฟิลด์ข้อมูล

 เป็นการจัดกลุ่มให้กับฟิลด์ข้อมูลในแบบฟอร์มเพื่อให้ดูชัดเจนขึ้น โดยใช้เเท็กคำสั่ง<fieldset>...</fieldset> ในการกำหนดขอบเขตของกลุ่มฟิลด์ที่ต้องการ นอกจากนี้ยังสามารถใช้ เเท็คคำสั่ง<legend> ช่วยในการกำหนดข้อความกำกับกลุ่มเพื่อความชัดเจนได้อีกด้วย

รูปแบบ   <fieldset>

              <legend align = "ตำแหน่ง"> ข้อความกำกับกลุ่ม </legend>

                    <คำสั่งหลักในการป้อนข้อมูลลงฟอร์ม>

                         ...................................

                         ...................................

โดยที่

<fieldset>   เป็นคำสั่งในการสร้างกรอบกำหนดกลุ่มให้กับฟิลด์ข้อมูลในฟอร์ม

<legend>   เป็นการกำหนดข้อความกำกับกลุ่ม จะกำหนดหรือไม่ก็ได้

align   เป็นการกำหนดตำแหน่งการจัดวางข้อความกำกับกลุ่ม ประกอบด้วย

top    จัดวางข้อความกำกับกลุ่ม ไว้ที่ส่วนบนของเส้นกรอบ

left    จัดวางข้อความกำกับกลุ่มไว้ที่ส่วนต้านซ้ายของเส้นกรอบ

center    จัดวางข้อความกำกับกลุ่ม ไว้ที่ส่วนกึ่งกลางของเส้นกรอบ

right     จัดวางข้อความกำกับกลุ่มไว้ที่ส่วนด้านขวาของเส้นกรอบ

<คำสั่งหลักในการป้อนข้อมูลลงฟอร์ม>

          เป็นคำสั่งปกติในฟอร์ม เช่น <input>, <select>, <textarea>

bottom of page