ผลต่างระหว่างรุ่นของ "ฟอร์มในระบบคูนิฟ็อกซ์"

ฟอร์มในระบบคูนิฟ็อกซ์ (ดูต้นฉบับ)

รุ่นแก้ไขเมื่อ 16:54, 5 พฤศจิกายน 2568

เพิ่มขึ้น 2,842 ไบต์ , 5 พฤศจิกายน 2568

ไม่มีคำอธิบายอย่างย่อ

Tenko

ผู้ดูแลระบบสิทธิแต่งตั้ง, ผู้ดูแลระบบอินเตอร์เฟซ, ผู้ดูแลระบบ

1,813

การแก้ไข

@@ บรรทัดที่ 1: / บรรทัดที่ 1: @@
 __FORCETOC__
 {{คู่มือการใช้โปรแกรมคูนิฟ็อกซ์}}
+ฟอร์มเป็นวิธีการสื่อสารข้อมูลที่ผู้ใช้ต้องการเพิ่มเติม/แก้ไขให้ระบบคูนิฟ็อกซ์รับค่าและบันทึกตาม จึงนับได้ว่า ฟอร์มเป็นองค์ประกอบที่ผู้ใช้มีปฏิสัมพันธ์ด้วยมากที่สุดอย่างหนึ่งภายใต้โมดูลมาตรฐานของคูนิฟ็อกซ์
+ผู้ใช้จะสามารถพบฟอร์มได้ในหลายรูปแบบดังนี้:
+* '''ฟอร์มอิสระ (stand-alone form):''' เป็นฟอร์มที่ไม่ได้เป็นส่วนประกอบย่อยของตารางข้อมูลใดๆ เช่น ฟอร์มลงชื่อเข้าใช้, ฟอร์มเปลี่ยนวันที่และเวลาของระบบ, ฟอร์มหัวเอกสารต่างๆ, ฯลฯ
+* '''ฟอร์มที่เป็นองค์ประกอบของตารางข้อมูล (in-table form):''' เมื่อผู้ใช้ต้องการเพิ่มหรือแก้ไขข้อมูลในตารางข้อมูลต่างๆ ระบบจะแสดงและรับข้อมูลผ่านฟอร์มที่ผูกอยู่กับตารางข้อมูลนั้น ทั้งนี้ ฟอร์มของตารางรหัสอาจ''แสดงอยู่ในแถวของตาราง (in-line form)'' หรือ''แสดงในหน้าต่างแยกต่างหาก (pop-up form)'' ก็ได้ถ้าจำนวนช่องข้อมูลมีมากกว่าที่แสดงอยู่ในตาราง (ดูเพิ่มเติม '''[[ตารางในระบบคูนิฟ็อกซ์]]''')
 == ชนิดของช่องข้อมูล ==
@@ บรรทัดที่ 8: / บรรทัดที่ 15: @@
 <div id="img001">[[ไฟล์:Cuneifox form components.png|720px|thumb|center|alt=องค์ประกอบของฟอร์มในระบบคูนิฟ็อกซ์|องค์ประกอบของฟอร์มในระบบคูนิฟ็อกซ์]]</div>
+=== ช่องกรอกข้อความ ===
+==== การจัดรูปแบบข้อมูลชนิดพิเศษ ====
 * '''ช่องกรอกข้อความ''' ([[#img001|หมายเลข 1]]): สำหรับกรอกข้อความประเภทบรรทัดเดียว นอกจากข้อความปกติแล้ว โปรแกรมคูนิฟ็อกซ์สามารถจัดรูปแบบข้อมูลอัตโนมัติสำหรับช่องข้อความที่กำหนดชนิดข้อมูลเอาไว้ ''(ในตัวอย่างต่อไปนี้ กำหนดให้วันที่ของ session เป็นวันที่ 01 ธันวาคม ค.ศ. 2022)'':
 ** '''วันที่''': ผู้ใช้สามารถเลือกกรอกข้อมูลได้ดังนี้ (ใช้วันที่ 31 ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):
@@ บรรทัดที่ 26: / บรรทัดที่ 36: @@
 ** '''ค่าทศนิยม และร้อยละ''': ระบบจะปัดค่าทศนิยมที่ผู้ใช้กรอกให้มีความละเอียดตามที่ตั้งค่าไว้ พร้อมใส่เครื่องหมายคั่นหลักพัน/หมื่นตามที่กำหนด
+==== ช่องกรอกข้อความหลายบรรทัด ====
 * '''ช่องกรอกข้อความหลายบรรทัด''' ([[#img001|หมายเลข 2]]): ใช้ปุ่ม {{key press|Ctrl|Enter}} เพื่อขึ้นบรรทัดใหม่ ช่องข้อมูลประเภทนี้สามารถยืดหดในแนวตั้งได้ โดยผู้ใช้คลิกค้างบริเวณสามเหลี่ยมที่มุมขวาล่างของช่องกล่องข้อความค้างไว้ แล้วขยับเมาส์
-* '''ช่องเลือกไฟล์''' ([[#img001|หมายเลข 3]]): ประกอบด้วย 2 ส่วน ได้แก่
+==== ช่องค้นหาข้อมูล ====
-** '''ตัวช่องข้อมูล''': ผู้ใช้สามารถคลิกในบริเวณของช่องข้อมูล ระบบจะเปิดหน้าต่างเลือกไฟล์ขึ้นมา
-** '''ชุดปุ่มเครื่องมือ''': มี 4 ปุ่ม ได้แก่
-*** ปุ่ม [[ไฟล์:Cuneifox view btn.png|25px|frameless|alt=ปุ่มเปิดไฟล์|ปุ่มเปิดไฟล์]] ใช้เปิดไฟล์ที่เลือกอยู่ปัจจุบันในแท็บใหม่ เพื่อดูภาพขนาดเต็ม (กรณีเป็นไฟล์รูปภาพ) หรือดาวน์โหลดไฟล์
-*** ปุ่ม [[ไฟล์:Cuneifox cam btn.png|25px|frameless|alt=ปุ่มถ่ายภาพ|ปุ่มถ่ายภาพ]] ใช้แนบรูปถ่าย เมื่อกดปุ่มนี้ ระบบจะเปิดหน้าต่างอัพโหลดจากกล้อง เพื่อให้ผู้ใช้ถ่ายภาพที่ต้องการแนบ
-*** ปุ่ม [[ไฟล์:Cuneifox revert btn.png|25px|frameless|alt=ปุ่มยกเลิกการแก้ไข|ปุ่มยกเลิกการแก้ไข]] ใช้ยกเลิกการเปลี่ยนแปลงค่า เมื่อกดปุ่มนี้ ไฟล์ที่เลือกไว้จะกลับไปเป็นไฟล์เดิมในฐานข้อมูล (ถ้าในฐานข้อมูลยังไม่มีไฟล์เก็บไว้ ปุ่มนี้จะทำงานเหมือนปุ่ม [[ไฟล์:Cuneifox file delete btn.png|25px|frameless|alt=ปุ่มยกเลิกการเลือกไฟล์|ปุ่มยกเลิกการเลือกไฟล์]] )
-*** <p>ปุ่ม [[ไฟล์:Cuneifox file delete btn.png|25px|frameless|alt=ปุ่มยกเลิกการเลือกไฟล์|ปุ่มยกเลิกการเลือกไฟล์]] ใช้ล้างข้อมูลไฟล์</p><p>{{3stars}} หลังจากบันทึกข้อมูล ไฟล์จะถูกบันทึกในแฟ้มที่กำหนดไว้ภายในเครื่องเซิร์ฟเวอร์ โดยระบบคูนิฟ็อกซ์จะสร้างข้อความสุ่มขึ้นมาตั้งเป็นชื่อไฟล์โดยอัตโนมัติ</p><p>{{3stars}} กรณีที่ช่องข้อมูลรองรับไฟล์ภาพ ผู้ใช้อาจเห็น'''ช่องแสดงตัวอย่างภาพ''' ([[#img001|หมายเลข 4]]) หากผู้ใช้คลิกที่ตัวอย่างภาพ ระบบจะเปิดไฟล์นั้นในแท็บใหม่</p>
-* '''ช่องทำเครื่องหมาย''' ([[#img001|หมายเลข 5]]): คลิกที่ช่องหรือข้อความประจำช่องเพื่อทำเครื่องหมายหรือยกเลิกการทำเครื่องหมาย
 [[ไฟล์:Cuneifox form with search modal.png|720px|thumb|center|alt=การใช้งานหน้าต่างค้นหา|การใช้งานหน้าต่างค้นหา]]
@@ บรรทัดที่ 47: / บรรทัดที่ 49: @@
 *: {{3stars}} กรณีที่ระบบเปิดหน้าต่างค้นหาขึ้น ให้ผู้ใช้เลือกรายการที่ต้องการแล้วกดปุ่ม '''"ตกลง"''' ด้านล่างของหน้าต่าง (ผู้ใช้สามารถเลือกรายการด้วยคีย์บอร์ด แล้วกดปุ่ม {{key press|Enter}} เพื่อยืนยันการเลือก ตามรายละเอียดในหัวข้อ[[ตารางในระบบคูนิฟ็อกซ์]]ก็ได้)
+=== ช่องตัวเลือกข้อมูล ===
+select field and radio field
 * '''ช่องเลือกข้อมูล''' ([[#img001|หมายเลข 7]]):  ให้ผู้ใช้เลือกข้อมูลจากตัวเลือกที่กำหนดไว้
+=== ช่องทำเครื่องหมาย ===
+checkbox + toggle
+* '''ช่องทำเครื่องหมาย''' ([[#img001|หมายเลข 5]]): คลิกที่ช่องหรือข้อความประจำช่องเพื่อทำเครื่องหมายหรือยกเลิกการทำเครื่องหมาย
+=== ช่องเลือกไฟล์และภาพ ===
+* '''ช่องเลือกไฟล์''' ([[#img001|หมายเลข 3]]): ประกอบด้วย 2 ส่วน ได้แก่
+** '''ตัวช่องข้อมูล''': ผู้ใช้สามารถคลิกในบริเวณของช่องข้อมูล ระบบจะเปิดหน้าต่างเลือกไฟล์ขึ้นมา
+** '''ชุดปุ่มเครื่องมือ''': มี 4 ปุ่ม ได้แก่
+*** ปุ่ม [[ไฟล์:Cuneifox view btn.png|25px|frameless|alt=ปุ่มเปิดไฟล์|ปุ่มเปิดไฟล์]] ใช้เปิดไฟล์ที่เลือกอยู่ปัจจุบันในแท็บใหม่ เพื่อดูภาพขนาดเต็ม (กรณีเป็นไฟล์รูปภาพ) หรือดาวน์โหลดไฟล์
+*** ปุ่ม [[ไฟล์:Cuneifox cam btn.png|25px|frameless|alt=ปุ่มถ่ายภาพ|ปุ่มถ่ายภาพ]] ใช้แนบรูปถ่าย เมื่อกดปุ่มนี้ ระบบจะเปิดหน้าต่างอัพโหลดจากกล้อง เพื่อให้ผู้ใช้ถ่ายภาพที่ต้องการแนบ
+*** ปุ่ม [[ไฟล์:Cuneifox revert btn.png|25px|frameless|alt=ปุ่มยกเลิกการแก้ไข|ปุ่มยกเลิกการแก้ไข]] ใช้ยกเลิกการเปลี่ยนแปลงค่า เมื่อกดปุ่มนี้ ไฟล์ที่เลือกไว้จะกลับไปเป็นไฟล์เดิมในฐานข้อมูล (ถ้าในฐานข้อมูลยังไม่มีไฟล์เก็บไว้ ปุ่มนี้จะทำงานเหมือนปุ่ม [[ไฟล์:Cuneifox file delete btn.png|25px|frameless|alt=ปุ่มยกเลิกการเลือกไฟล์|ปุ่มยกเลิกการเลือกไฟล์]] )
+*** <p>ปุ่ม [[ไฟล์:Cuneifox file delete btn.png|25px|frameless|alt=ปุ่มยกเลิกการเลือกไฟล์|ปุ่มยกเลิกการเลือกไฟล์]] ใช้ล้างข้อมูลไฟล์</p><p>{{3stars}} หลังจากบันทึกข้อมูล ไฟล์จะถูกบันทึกในแฟ้มที่กำหนดไว้ภายในเครื่องเซิร์ฟเวอร์ โดยระบบคูนิฟ็อกซ์จะสร้างข้อความสุ่มขึ้นมาตั้งเป็นชื่อไฟล์โดยอัตโนมัติ</p><p>{{3stars}} กรณีที่ช่องข้อมูลรองรับไฟล์ภาพ ผู้ใช้อาจเห็น'''ช่องแสดงตัวอย่างภาพ''' ([[#img001|หมายเลข 4]]) หากผู้ใช้คลิกที่ตัวอย่างภาพ ระบบจะเปิดไฟล์นั้นในแท็บใหม่</p>
+== สถานะของช่องข้อมูล ==
+disabled (right click to copy), readonly, validation
 {{3stars}} ช่องข้อมูลบางช่องอาจถูกปิดกั้นการเปลี่ยนแปลงค่าเอาไว้ ช่องข้อมูลเหล่านี้มักจะเป็นข้อมูลที่กรอกหรือคำนวณโดยอัตโนมัติ หรือเป็นค่าที่ไม่อนุญาตให้แก้ไขหลังจากเพิ่มรายการไปเรียบร้อยแล้ว