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

จาก คูนิฟ็อกซ์ วิกิ
ไม่มีความย่อการแก้ไข
บรรทัดที่ 16: บรรทัดที่ 16:


=== ช่องกรอกข้อความ ===
=== ช่องกรอกข้อความ ===
ช่องกรอกข้อความใช้กรอกข้อมูลประเภทตัวเลขและตัวอักษร รองรับฟงัก์ชันเชิงข้อความทั่วไปของคอมพิวเตอร์ เช่นการตัด (cut: {{key press|Ctrl|X}}), คัดลอก/วาง (copy/paste: {{key press|Ctrl|C}} / {{key press|Ctrl|V}}), เลิกทำ (undo: {{key press|Ctrl|Z}}), เลือกทั้งหมด (select all: {{key press|Ctrl|A}}), ฯลฯ
เพื่ออำนวยความสะดวกและควบคุมข้อมูลต่างๆ ช่องข้อความบางช่องอาจมีฟีเจอร์เพิ่มเติมเช่น:
* การจัดรูปแบบข้อมูลชนิดพิเศษ
* การคำนวณสดในช่องข้อมูล
* การกรอกข้อความหลายบรรทัด
* การค้นหาข้อมูล


==== การจัดรูปแบบข้อมูลชนิดพิเศษ ====
==== การจัดรูปแบบข้อมูลชนิดพิเศษ ====
* '''ช่องกรอกข้อความ''' ([[#img001|หมายเลข 1]]): สำหรับกรอกข้อความประเภทบรรทัดเดียว นอกจากข้อความปกติแล้ว โปรแกรมคูนิฟ็อกซ์สามารถจัดรูปแบบข้อมูลอัตโนมัติสำหรับช่องข้อความที่กำหนดชนิดข้อมูลเอาไว้ ''(ในตัวอย่างต่อไปนี้ กำหนดให้วันที่ของ session เป็นวันที่ 01 ธันวาคม ค.ศ. 2022)'':
ฟีเจอร์ช่วยจัดรูปแบบข้อมูลช่วยให้ระบบสามารถตีความหมายข้อมูลที่ผู้ใช้ต้องการได้ง่าย, รักษาความเป็นระเบียบของข้อมูลที่จัดเก็บและแสดงผลต่อผู้ใช้โดยรวม, และประหยัดเวลาให้กับผู้ใช้ในการกรอกข้อมูล
** '''วันที่''': ผู้ใช้สามารถเลือกกรอกข้อมูลได้ดังนี้ (ใช้วันที่ 31 ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):
 
*** กรอกในรูปแบบตามที่บริษัทตั้งค่าไว้ ({{mono|31/12/2022}})
ข้อความชนิดพิเศษที่ระบบคูนิฟ็อกซ์ช่วยจัดรูปแบบให้ได้แก่:
*** กรอกข้อมูลโดยไม่ใส่เครื่องหมายคั่นวันที่ ({{mono|31122022}})
* '''วันที่:''' ผู้ใช้สามารถเลือกกรอกข้อมูลได้ดังนี้ ''(ใช้วันที่ 31 ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):''
*** กรอกเฉพาะวันที่และเดือน โดยระบบจะใช้ปีตามวันที่ของ session ({{mono|3112}})
** กรอก'''เต็มรูปแบบที่บริษัทตั้งค่าไว้''' (เช่น "{{mono|31/12/2022}}": ''[[ทะเบียนรหัสบริษัท/สาขา|ขึ้นกับรูปแบบที่บริษัทกำหนด]]'')
*** กรอกเฉพาะวันที่ โดยระบบจะใช้เดือนและปีตามวันที่ของ session ({{mono|31}})
** กรอก'''ในรูปแบบที่บริษัทตั้งค่าไว้โดยไม่ใส่เครื่องหมายคั่น''' (เช่น "{{mono|31122022}}": ''[[ทะเบียนรหัสบริษัท/สาขา|ขึ้นกับรูปแบบที่บริษัทกำหนด]]'')
** '''เดือน''': ผู้ใช้สามารถกรอกข้อมูลได้ดังนี้ (ใช้เดือน ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):
** กรอก'''เฉพาะวันที่และเดือน''' โดยระบบจะใช้ปีตามวันที่ของ session (เช่น "{{mono|3112}}": ''[[ทะเบียนรหัสบริษัท/สาขา|ขึ้นกับรูปแบบที่บริษัทกำหนด]]'')
*** กรอกในรูปแบบตามที่บริษัทตั้งค่าไว้ ({{mono|12/2022}})
** กรอก'''เฉพาะวันที่''' โดยระบบจะใช้เดือนและปีตามวันที่ของ session (เช่น "{{mono|31}}")
*** กรอกข้อมูลโดยไม่ใส่เครื่องหมายคั่นวันที่ ({{mono|122022}})
* '''เดือน:''' ผู้ใช้สามารถกรอกข้อมูลได้ดังนี้ ''(ใช้เดือน ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):''
*** กรอกเฉพาะเดือน โดยระบบจะใช้ปีตามวันที่ของ session ({{mono|12}})
** กรอก'''ตามรูปแบบที่บริษัทตั้งค่าไว้''' (เช่น "{{mono|12/2022}}": ''[[ทะเบียนรหัสบริษัท/สาขา|ขึ้นกับรูปแบบที่บริษัทกำหนด]]'')
** '''เวลา''': ผู้ใช้สามารถกรอกข้อมูลได้ดังนี้ (ใช้เวลา 15 นาฬิกา 0 นาที 0 วินาที เป็นตัวอย่าง):
** กรอก'''ตามรูปแบบที่บริษัทตั้งค่าไว้โดยไม่ใส่เครื่องหมายคั่น''' (เช่น "{{mono|122022}}": ''[[ทะเบียนรหัสบริษัท/สาขา|ขึ้นกับรูปแบบที่บริษัทกำหนด]]'')
*** กรอกในรูปแบบตามที่บริษัทตั้งค่าไว้ ({{mono|15:00:00}})
** กรอก'''เฉพาะเดือน''' โดยระบบจะใช้ปีตามวันที่ของ session (เช่น "{{mono|12}}")
*** กรอกข้อมูลโดยไม่ใส่เครื่องหมายคั่นเวลา โดยใช้รูปแบบเวลา 24 ชั่วโมง ({{mono|150000}})
* '''เวลา:''' ผู้ใช้สามารถกรอกข้อมูลได้ดังนี้ ''(ใช้เวลา 15 นาฬิกา 0 นาที 0 วินาที เป็นตัวอย่าง):''
*** กรอกเฉพาะชั่วโมงและนาที ระบบจะใส่ค่า 0 แทนค่าวินาทีโดยอัตโนมัติ ({{mono|1500}})
** กรอก'''ตามรูปแบบที่บริษัทตั้งค่าไว้''' (เช่น "{{mono|15:00:00}}": ''[[ทะเบียนรหัสบริษัท/สาขา|ขึ้นกับรูปแบบที่บริษัทกำหนด]]'')
*** กรอกเฉพาะชั่วโมง ระบบจะใส่ค่า 0 แทนค่านาทีและวินาทีโดยอัตโนมัติ ({{mono|15}})
** กรอก'''ตามรูปแบบที่บริษัทตั้งค่าไว้โดยไม่ใส่เครื่องหมายคั่น''' (เช่น "{{mono|150000}}": ''[[ทะเบียนรหัสบริษัท/สาขา|ขึ้นกับรูปแบบที่บริษัทกำหนด]]'')
** '''ค่าจำนวนเต็ม''': ระบบจะปัดค่าทศนิยมในช่องข้อมูลที่รับจำนวนเต็มให้โดยอัตโนมัติ
** กรอก'''เฉพาะชั่วโมงและนาที''' ระบบจะใส่ค่า 0 แทนวินาทีโดยอัตโนมัติ (เช่น "{{mono|1500}}")
** '''ค่าทศนิยม และร้อยละ''': ระบบจะปัดค่าทศนิยมที่ผู้ใช้กรอกให้มีความละเอียดตามที่ตั้งค่าไว้ พร้อมใส่เครื่องหมายคั่นหลักพัน/หมื่นตามที่กำหนด
** กรอก'''เฉพาะชั่วโมง''' ระบบจะใส่ค่า 0 แทนนาทีและวินาทีโดยอัตโนมัติ (เช่น "{{mono|15}}")
* '''ค่าจำนวนเต็ม:''' ระบบจะปัดค่าทศนิยมในช่องข้อมูลที่รับจำนวนเต็มให้โดยอัตโนมัติ
* '''ค่าทศนิยม และร้อยละ:''' ระบบจะปัดค่าทศนิยมที่ผู้ใช้กรอกให้มีความละเอียดตามที่ตั้งค่าไว้ พร้อมใส่เครื่องหมายคั่นหลักพัน/หมื่นตามที่กำหนด


==== ช่องกรอกข้อความหลายบรรทัด ====
==== ช่องกรอกข้อความหลายบรรทัด ====

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


ฟอร์มเป็นวิธีการสื่อสารข้อมูลที่ผู้ใช้ต้องการเพิ่มเติม/แก้ไขให้ระบบคูนิฟ็อกซ์รับค่าและบันทึกตาม จึงนับได้ว่า ฟอร์มเป็นองค์ประกอบที่ผู้ใช้มีปฏิสัมพันธ์ด้วยมากที่สุดอย่างหนึ่งภายใต้โมดูลมาตรฐานของคูนิฟ็อกซ์

ผู้ใช้จะสามารถพบฟอร์มได้ในหลายรูปแบบดังนี้:

  • ฟอร์มอิสระ (stand-alone form): เป็นฟอร์มที่ไม่ได้เป็นส่วนประกอบย่อยของตารางข้อมูลใดๆ เช่น ฟอร์มลงชื่อเข้าใช้, ฟอร์มเปลี่ยนวันที่และเวลาของระบบ, ฟอร์มหัวเอกสารต่างๆ, ฯลฯ
  • ฟอร์มที่เป็นองค์ประกอบของตารางข้อมูล (in-table form): เมื่อผู้ใช้ต้องการเพิ่มหรือแก้ไขข้อมูลในตารางข้อมูลต่างๆ ระบบจะแสดงและรับข้อมูลผ่านฟอร์มที่ผูกอยู่กับตารางข้อมูลนั้น ทั้งนี้ ฟอร์มของตารางรหัสอาจแสดงอยู่ในแถวของตาราง (in-line form) หรือแสดงในหน้าต่างแยกต่างหาก (pop-up form) ก็ได้ถ้าจำนวนช่องข้อมูลมีมากกว่าที่แสดงอยู่ในตาราง (ดูเพิ่มเติม ตารางในระบบคูนิฟ็อกซ์)

ชนิดของช่องข้อมูล

ฟอร์มภายใต้โมดูลมาตรฐานของคูนิฟ็อกซ์ประกอบด้วยช่องข้อมูลต่างๆ ดังนี้

องค์ประกอบของฟอร์มในระบบคูนิฟ็อกซ์
องค์ประกอบของฟอร์มในระบบคูนิฟ็อกซ์

ช่องกรอกข้อความ

ช่องกรอกข้อความใช้กรอกข้อมูลประเภทตัวเลขและตัวอักษร รองรับฟงัก์ชันเชิงข้อความทั่วไปของคอมพิวเตอร์ เช่นการตัด (cut: Ctrl+X), คัดลอก/วาง (copy/paste: Ctrl+C / Ctrl+V), เลิกทำ (undo: Ctrl+Z), เลือกทั้งหมด (select all: Ctrl+A), ฯลฯ

เพื่ออำนวยความสะดวกและควบคุมข้อมูลต่างๆ ช่องข้อความบางช่องอาจมีฟีเจอร์เพิ่มเติมเช่น:

  • การจัดรูปแบบข้อมูลชนิดพิเศษ
  • การคำนวณสดในช่องข้อมูล
  • การกรอกข้อความหลายบรรทัด
  • การค้นหาข้อมูล

การจัดรูปแบบข้อมูลชนิดพิเศษ

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

ข้อความชนิดพิเศษที่ระบบคูนิฟ็อกซ์ช่วยจัดรูปแบบให้ได้แก่:

  • วันที่: ผู้ใช้สามารถเลือกกรอกข้อมูลได้ดังนี้ (ใช้วันที่ 31 ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):
  • เดือน: ผู้ใช้สามารถกรอกข้อมูลได้ดังนี้ (ใช้เดือน ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):
  • เวลา: ผู้ใช้สามารถกรอกข้อมูลได้ดังนี้ (ใช้เวลา 15 นาฬิกา 0 นาที 0 วินาที เป็นตัวอย่าง):
    • กรอกตามรูปแบบที่บริษัทตั้งค่าไว้ (เช่น "15:00:00": ขึ้นกับรูปแบบที่บริษัทกำหนด)
    • กรอกตามรูปแบบที่บริษัทตั้งค่าไว้โดยไม่ใส่เครื่องหมายคั่น (เช่น "150000": ขึ้นกับรูปแบบที่บริษัทกำหนด)
    • กรอกเฉพาะชั่วโมงและนาที ระบบจะใส่ค่า 0 แทนวินาทีโดยอัตโนมัติ (เช่น "1500")
    • กรอกเฉพาะชั่วโมง ระบบจะใส่ค่า 0 แทนนาทีและวินาทีโดยอัตโนมัติ (เช่น "15")
  • ค่าจำนวนเต็ม: ระบบจะปัดค่าทศนิยมในช่องข้อมูลที่รับจำนวนเต็มให้โดยอัตโนมัติ
  • ค่าทศนิยม และร้อยละ: ระบบจะปัดค่าทศนิยมที่ผู้ใช้กรอกให้มีความละเอียดตามที่ตั้งค่าไว้ พร้อมใส่เครื่องหมายคั่นหลักพัน/หมื่นตามที่กำหนด

ช่องกรอกข้อความหลายบรรทัด

  • ช่องกรอกข้อความหลายบรรทัด (หมายเลข 2): ใช้ปุ่ม Ctrl+↵ Enter เพื่อขึ้นบรรทัดใหม่ ช่องข้อมูลประเภทนี้สามารถยืดหดในแนวตั้งได้ โดยผู้ใช้คลิกค้างบริเวณสามเหลี่ยมที่มุมขวาล่างของช่องกล่องข้อความค้างไว้ แล้วขยับเมาส์

ช่องค้นหาข้อมูล

การใช้งานหน้าต่างค้นหา
การใช้งานหน้าต่างค้นหา
  • ช่องค้นหา (หมายเลข 6): ใช้สำหรับค้นหาข้อมูลจากฐานข้อมูล ข้่อมูลในช่องข้อความลักษณะนี้ที่ต้องอ่านจากฐานข้อมูลเท่านั้น มีรายละเอียดการใช้งานดังนี้:
    • กรอกข้อความค้นหาเบื้องต้น แล้วใช้เมาส์คลิกที่ปุ่ม ปุ่มค้นหา ทางขวาของช่อง ระบบจะเปิดหน้าต่างค้นหาขึ้น และกรอกข้อความค้นหาลงในแถบค้นหาของตารางให้โดยอัตโนมัติ หรือ
    • กรอกข้อความค้นหาเบื้องต้น แล้วกดปุ่ม ↵ Enter หรือ Tab ↹ หรือคลิกที่อื่นบนหน้าจอ ระบบจะค้นหาเฉพาะรายการที่มีรหัสขึ้นต้นด้วยข้อความค้นหา
      • หากพบเพียงรายการเดียว ระบบจะเลือกรายการนั้นให้โดยอัตโนมัติ
      • หากไม่พบหรือพบมากกว่า 1 รายการ ระบบจะเปิดหน้าต่างค้นหา พร้อมแสดงรายการทั้งหมดที่พบ
    *** กรณีที่ระบบเปิดหน้าต่างค้นหาขึ้น ให้ผู้ใช้เลือกรายการที่ต้องการแล้วกดปุ่ม "ตกลง" ด้านล่างของหน้าต่าง (ผู้ใช้สามารถเลือกรายการด้วยคีย์บอร์ด แล้วกดปุ่ม ↵ Enter เพื่อยืนยันการเลือก ตามรายละเอียดในหัวข้อตารางในระบบคูนิฟ็อกซ์ก็ได้)

ช่องตัวเลือกข้อมูล

select field and radio field

  • ช่องเลือกข้อมูล (หมายเลข 7): ให้ผู้ใช้เลือกข้อมูลจากตัวเลือกที่กำหนดไว้

ช่องทำเครื่องหมาย

checkbox + toggle

  • ช่องทำเครื่องหมาย (หมายเลข 5): คลิกที่ช่องหรือข้อความประจำช่องเพื่อทำเครื่องหมายหรือยกเลิกการทำเครื่องหมาย

ช่องเลือกไฟล์และภาพ

  • ช่องเลือกไฟล์ (หมายเลข 3): ประกอบด้วย 2 ส่วน ได้แก่
    • ตัวช่องข้อมูล: ผู้ใช้สามารถคลิกในบริเวณของช่องข้อมูล ระบบจะเปิดหน้าต่างเลือกไฟล์ขึ้นมา
    • ชุดปุ่มเครื่องมือ: มี 4 ปุ่ม ได้แก่
      • ปุ่ม ปุ่มเปิดไฟล์ ใช้เปิดไฟล์ที่เลือกอยู่ปัจจุบันในแท็บใหม่ เพื่อดูภาพขนาดเต็ม (กรณีเป็นไฟล์รูปภาพ) หรือดาวน์โหลดไฟล์
      • ปุ่ม ปุ่มถ่ายภาพ ใช้แนบรูปถ่าย เมื่อกดปุ่มนี้ ระบบจะเปิดหน้าต่างอัพโหลดจากกล้อง เพื่อให้ผู้ใช้ถ่ายภาพที่ต้องการแนบ
      • ปุ่ม ปุ่มยกเลิกการแก้ไข ใช้ยกเลิกการเปลี่ยนแปลงค่า เมื่อกดปุ่มนี้ ไฟล์ที่เลือกไว้จะกลับไปเป็นไฟล์เดิมในฐานข้อมูล (ถ้าในฐานข้อมูลยังไม่มีไฟล์เก็บไว้ ปุ่มนี้จะทำงานเหมือนปุ่ม ปุ่มยกเลิกการเลือกไฟล์ )
      • ปุ่ม ปุ่มยกเลิกการเลือกไฟล์ ใช้ล้างข้อมูลไฟล์

        *** หลังจากบันทึกข้อมูล ไฟล์จะถูกบันทึกในแฟ้มที่กำหนดไว้ภายในเครื่องเซิร์ฟเวอร์ โดยระบบคูนิฟ็อกซ์จะสร้างข้อความสุ่มขึ้นมาตั้งเป็นชื่อไฟล์โดยอัตโนมัติ

        *** กรณีที่ช่องข้อมูลรองรับไฟล์ภาพ ผู้ใช้อาจเห็นช่องแสดงตัวอย่างภาพ (หมายเลข 4) หากผู้ใช้คลิกที่ตัวอย่างภาพ ระบบจะเปิดไฟล์นั้นในแท็บใหม่

สถานะของช่องข้อมูล

disabled (right click to copy), readonly, validation *** ช่องข้อมูลบางช่องอาจถูกปิดกั้นการเปลี่ยนแปลงค่าเอาไว้ ช่องข้อมูลเหล่านี้มักจะเป็นข้อมูลที่กรอกหรือคำนวณโดยอัตโนมัติ หรือเป็นค่าที่ไม่อนุญาตให้แก้ไขหลังจากเพิ่มรายการไปเรียบร้อยแล้ว

การใช้งานฟอร์มด้วยคีย์บอร์ด

เมื่อโฟกัสของโปรแกรมอยู่ในช่องข้อมูลต่างๆ ของฟอร์ม ผู้ใช้สามารถสั่งการฟอร์มด้วยปุ่มต่างๆ บนคีย์บอร์ดดังนี้:

คีย์สำหรับเปลี่ยนช่องข้อมูล และยืนยันฟอร์ม

  • Tab ↹ : เปลี่ยนไปช่องข้อมูลถัดไป
  • ↵ Enter :
    • กรณีมีช่องข้อมูลถัดไป: เปลี่ยนไปช่องข้อมูลถัดไป
    • กรณีไม่มีช่องข้อมูลถัดไป: ยืนยันการบันทึกข้อมูลในฟอร์ม
  • ⇧ Shift+Tab ↹ หรือ ⇧ Shift+↵ Enter : เปลี่ยนไปช่องข้อมูลก่อนหน้า
  • Alt+↵ Enter : ยืนยันบันทึกข้อมูลในฟอร์ม

คีย์สำหรับช่องตัวเลือก

  • หรือ  : เลือกตัวเลือกก่อนหน้า
  • หรือ  : เลือกตัวเลือกถัดไป
  • PageUp : เลือกตัวเลือกแรก
  • PageDown : เลือกตัวเลือกสุดท้าย

คีย์ลัดอื่นๆ

  • Ctrl+↵ Enter : ขึ้นบรรทัดใหม่ในช่อง (สำหรับช่องกรอกข้อมูลหลายบรรทัด)
  • Space :
    • สำหรับช่องทำเครื่องหมาย: ทำเครื่องหมาย/ยกเลิกการทำเครื่องหมาย
    • สำหรับช่องเลือกข้อมูล: แสดงตัวเลือกทั้งหมด (สำหรับช่องตัวเลือกข้อมูลแบบดรอปดาวน์)
    • สำหรับช่องข้อมูลประเภทไฟล์: แสดงหน้าต่างเลือกไฟล์