Author: thichaluk.s

  • สร้าง chart ง่ายสุด ๆ ด้วย Power Point

    thichaluk.s

    ตามหัวข้อเลยค่ะ อาจจะเป็นเรื่องที่ง่าย ๆ ที่บางคนรู้แล้ว แต่บางคนก็ยังไม่รู้ (รึปล่าว😁) เข้าเรื่องกันดีกว่าค่ะ👌 ปกติเราอาจจะใช้ word หรือลาก box ข้อความมา แต่วันนี้เราจะมาใช้ power point ทำแผนผังองค์กร หรือ chart อะไรก็ได้ ใช้เวลานิดเดียวและง่ายสุด ๆ เลยค่ะ สมมุติเรามีรายชื่อคนในองค์กร ตามตัวอย่าง

    จากนั้นจัดลำดับการเป็นหัวหน้าและลูกน้อง โดยใช้ปุ่ม Increase List Level

    หมายถึงรายชื่อที่เลือกเป็นลูกน้องของ ใบเฟิร์น สามารถเลือกรายชื่อที่ต้องการและคลิกปุ่ม Decrease List Level หรือ crease List Level เพื่อปรับลำดับตามต้องการ ดังรูป

    จากนั้นไปที่ Home –> Convert to SmartArt –> More SmartArt Graphics –> Hierarchy อยากได้ตัวไหนก็เลือกได้เลยค่ะ

    ก็จะได้ผังองค์กรทันทีเลย

    จากนั้นก็สามารถแก้ไข ปรับแต่งได้ คลิกเลือกที่รูปแล้วเลือกไฟล์รูปเพื่อปรับแต่ง คลิกที่ชื่อเพื่อปรับสี ขนาดตัวอักษรได้ ที่ “SmartArt Design” เราสามารถเลือกเปลี่ยน theme สีได้ที่ “Change Colors” แต่หากต้องการปรับแต่งเองให้คลิกที่ “Convert to Shapes” แต่ข้อควรระวังถ้าเลือก “Convert to Shapes” แล้วจะแก้กลับไม่ได้แล้วนะ แค่นี้เองค่ะ ง่ายมากเลยใช่มั๊ยหล่ะ😉 อ่านมาถึงแล้วก็ขอขอบคุณทุกกำลังใจ😍นะคะ

  • การแยก/รวมไฟล์ PDF และลบข้อความใน VDO ด้วย123apps

    thichaluk.s

    ถ้าเราต้องการจะแยกไฟล์ PDF ออกเป็นแต่ละหน้าตามที่เราต้องการ หรือว่าเรามีไฟล์ PDF หลาย ๆ ไฟล์แยกกันอยู่ ให้รวมกันเป็นไฟล์เดียวเราจะมีวิธีการอย่างไรนะ?

    การแยกไฟล์ PDF

    1. เราเข้าเว็บ https://123apps.com/
    2. ไปที่เมนู เครื่องมือ PDF เลือก “แบ่ง”

    เราจะเลือกไฟล์ไหน หน้าไหนก็ได้ เรามาที่ “เลือกไฟล์” แล้วเลือกไฟล์ที่เราต้องการ แบ่ง (Split)

    มันก็จะ Show ว่าตอนนี้มีกี่หน้า

    เลือกไฟล์ที่ต้องการจะแยก เช่นเลือกหน้า 2 5 7 9 ส่วนหน้าอื่นไม่เอา

    สามารถพิมพ์หน้าที่เลือกได้เอง จากนั้นคลิกปุ่ม “แบ่ง” จากนั้นคลิกปุ่ม “ดาวน์โหลด”

    เปิดไฟล์ที่ได้ จะเห็นว่าเหลือ 5 หน้าตามที่เลือก

    การรวมไฟล์ PDF

    1. ไปที่เมนู เครื่องมือ PDF เลือก “รวม”
    2. คลิก “เลือกไฟล์” และคลิก “เพิ่มไฟล์” จากรูปเมื่อรวมแล้วจะต้องได้ 60+25=85 page จากนั้นคลิกปุ่ม “รวม”

    เปิดไฟล์ที่ได้ จะเห็นว่ารวมได้ 85 page

    ลบข้อความใน VDO

    ท้ายนี้ขอแถมนิดนึง พอดีเรื่อง PDPA มาแรง เห็นว่ามีประโยชน์กับงานเลยเอามาแชร์ เนื่องจากว่าเราทำ VDO แล้วติดข้อมูลส่วนบุคคล แต่เราต้องการเบลอข้อมูลหรือเอาออก ขั้นตอนง่าย ๆ เลย ด้วย 123apps

    จากรูปจะเห็นได้ว่าใน VDO ที่วงกลมสีแดงชื่อข้อมูลส่วนบุคคล เราจะลบออกหรือเบลอข้อมูลส่วนนี้ใน VDO

    1. ไปที่เมนู “เครื่องมือวิดีโอ”
    2. คลิก “ลบโลโก้ออกจากวิดีโอ”
    3. คลิก “เปิดไฟล์” แล้วเลือกไฟล์ที่ต้องการ

    ทำตามขั้นตอนและบันทึก แล้วลองเปิดไฟล์ VDO ดู มันจะลบข้อมูลส่วนที่เราเลือกตลอดทั้งคลิปเลยหล่ะ

    อาจจะเป็นบทความที่ง่ายหรือหลาย ๆ ท่านทราบอยู่แล้ว ขอบคุณที่เข้ามาอ่าน มาให้กำลังใจคนเขียนนะคะ

  • เปลี่ยน Q&A รูปแบบหน้าเอกสาร ให้เป็นหน้าเว็บกัน

    thichaluk.s

    การทำบันทึก Q&A ในรูปแบบกระดาษให้อยู่ในหน้าเว็บ จากงานที่เราทำอยู่เป็นงานถามตอบการใช้งานระบบ ซึ่งบางระบบจะผู้ใช้งานจะเป็นคนใหม่เสมอ ๆ เช่น ระบบรับสมัครนักศึกษา (Admission) ระบบข้อมูลพื้นฐานนักศึกษา เป็นต้น โดยได้รวบรวมคำถามที่พบบ่อย และจัดทำในรูปแบบเอกสาร word ธรรมดา ในวันนี้เราจะมาทำให้อยู่ในรูปแบบหน้า web เพื่อให้ง่ายต่อการอ่านของผู้ใช้กันค่ะ

    มาดูขั้นตอนกันเลย

    • ไปที่ Google Drive > +New > More > Google Apps Script แล้วเขียน code ดังรูป

    • จากนั้นเพิ่มหน้า index.html แล้วคัดลอก Code ตามลิงค์
      https://www.api-wat.com/2022/03/blog-post.html
    • แก้ไขให้เป็น FAQ ของเรา
    • จากนั้นบันทึกแล้วไปที่ Deploy > New development > Select type เป็น Web app > Who has access เลือก Anyone > Deploy > Done
    • จากนั้นไปที่ Deploy > Test deployments > คลิกลิงค์ที่ URL ก็จะแสดงผลตามที่ต้องการ ดังรูป
    • จากนั้นไปที่ Manage deployments ที่ URL Copy แล้วนำลิงค์นั้นไปแปะตามที่เราต้องการ

    ลองนำไปเล่นกันดูนะ ^_^

  • Tabulator ในการดึงข้อมูลจาก google sheet

    thichaluk.s

    ต้องการนำข้อมูลใน google sheet ไปแสดงบนหน้าเว็บ ด้วย Tabulator ตัวอย่างข้อมูลดังนี้ค่ะ

    จากนั้นให้เราไปสร้าง Apps Script กันค่ะ สร้าง function และสร้าง page index

    จากนั้นค้นใน google ว่า tabulator > คลิก Documentation > คลิก Quick Start > ที่ Install Sources > CDN จากนั้นให้ Copy

    ไปวางที่บรรทัดที่ 4 หน้า index.html ดังรูป

    จากนั้นให้ Copy

    จะได้ code หน้า index.html ดังนี้

    จากนั้นคลิกปุ่ม Deploy > New deployment ที่ setting > Web app ที่ Who has access เลือก Anyone > กดปุ่ม Deploy > Done

    จากนั้นคลิกปุ่ม Test deployment > คลิกที่ URL จะได้ผลลัพธ์ดังนี้ เป็นผลลัพธ์ตาม code ตัวอย่างที่เรา copy มาจากเว็บ Tabulator ค่ะ

    คราวนี้มาทำให้ดึงข้อมูลจาก google sheet กันดีกว่าค่ะ ไปที่ Code.gs กันเล้ย ตามนี้จ้า

    จากนั้นไปที่ index.html จะดึงค่าจาก google sheet หล่ะ

    จากนั้นลอง Refresh หน้าจอดู

    ลองนำไปเล่นกันดูนะคะ ^_^

  • Tango เครื่องมือช่วยสร้างคู่มือ

    thichaluk.s

    เป็นเครื่องที่ช่วยสร้างเอกสาร how to ได้อย่างสะดวกและรวดเร็ว การทำงานจะมีขั้นตอนยังไง มาดูกัน

    1. ให้เรา login Gmail ก่อนแล้วเข้าสู่ web : tango.us ตัว tango นั้นเป็น Extension ของ Google chrome ที่ช่วยให้เราสร้างเอกสาร แบบ step by step และ screen shot สร้างเอกสารให้เราเลย
    2. คลิก Add to Chrome – It’s Free

    Add to Chrome

    1. กดปุ่ม เพิ่มส่วนขยาย
    2. Sign up with google จากนั้นเลือก Account ที่ต้องการ
    3. คลิกที่ส่วนขยายด้านขวาบน ปักหมุดตัว tango ไว้ที่ด้านบนของหน้าจอ
    4. ทดลองใช้งาน

    ตัวอย่างทดลองกับการค้นหา google

    • กดที่ icon tango > คลิก Capture workflow
    • จากนั้นใช้งานค้นหา google ปกติ แล้วไปดูผลลัพธ์กัน

    มันจะ gen คู่มือมาให้ดังรูปข้างต้น สามารถแก้ไขได้ทุกจุด ทั้งข้อความแต่ละ step ลบหรือ duplicate ก็ได้ จะ zoom รูปก็ได้ และสามารถ Share & Export เพื่อนำไปทำต่อด้วย word หรือนำไปใช้เลยด้วย pdf

    เป็นไงหล่ะ ง่ายใช่มั๊ย ลองไปเล่นกันดูนะ ^_^

  • เรียนรู้ RPA โดยใช้ ui-path (Excel x Mail)

    thichaluk.s

    จากบทความที่ผ่านมา ผู้เขียนได้แนะนำ Tool ของ RPA  คือ UiPath  และการติดตั้ง UiPath StudioX  ไปแล้ว ในบทความนี้จะอธิบายวิธีการใช้งาน ในที่นี้ ใช้ UiPathStudio X อ่านค่าจาก Excel และส่งเมลไปยังตามข้อมูลใน Excel ตัวอย่างเช่น อาจารย์ที่ปรึกษาต้องการส่งเมลไปยังนักศึกษาในที่ปรึกษาทั้งหมด ในคราวเดียวกัน เนื้อหาในเมลแต่ละคนอาจจะเหมือนหรือแตกต่างกันก็ได้ ซึ่งอาจารย์ได้เตรียมข้อมูลไว้ในรูปแบบ Excel

    เริ่มต้น ผู้เขียนจะเตรียมข้อมูลใน Excel ตามนี้

                  โดยจะมีฟิลด์หลัก สำหรับการส่งเมล ดังนี้

    1. EMAIL  ไว้เก็บ E-mail Address ของคนที่เราต้องการส่ง
    2. Subject หัวเรื่องของ E-mail ที่ต้องการส่ง
    3. Body คือส่วนของ เนื้อหาที่ต้องการให้ทราบ

                  เรามาสร้าง bot การส่งเมลกันเลย

    1. เริ่มต้นให้ทำการสร้าง Project
    2. คำสั่งแรกให้เปิด Excel ไฟล์ ขึ้นมา  โดยการเลือก Activites > Resources > Use Excel File และลากคำสั่งมาวางที่ตำแหน่ง Main ดังภาพ

    3. จากนั้นกำหนดไฟล์ Excel ที่เก็บข้อมูลที่เราได้เตรียมไว้ตามขั้นตอนที่ผ่านมา โดยการกดที่รูป Folder  ดังภาพ

    4. ขั้นตอนต่อไป คือการสั่งให้ UiPath อ่านข้อมูล โดยการอ่านข้อมูลทีละแถว และนำข้อมูลดังกล่าวไปส่งเมลต่อไป  โดยให้ไปที่ Activites และเลือก “For Each Excel Row”  และลากคำสั่งไปวางไว้ในภายในของคำสั่ง  Use Excel File ดังรูป

    5. คำสั่ง For each Excel Row กำหนดคุณสมบัติ ดังนี้ In range คือ ช่วงของข้อมูลที่เลือก โดยในที่นี้จะเลือกข้อมูลทั้ง Sheet ชื่อ Sheet Test ให้ติ๊กเลือก Has headers ด้วย

    6. ต่อไปเป็น คำสั่งส่งเมลโดยการเลือก Activites > Resources > Use Desktop Outlook App และลากคำสั่งมาวางที่ตำแหน่ง Drop Activity Here
    Use Desktop Outlook App คือการเรียกใช้ฟังก์ชันส่งเมล จากโปรแกรม Outlook ที่ติดตั้งไว้ในเครื่องของเรา ซึ่งเป็นวิธีที่ง่ายที่สุด เพียงแค่ login เข้าใช้ผ่าน Microsoft Account ไว้  โปรแกรม UiPath ก็จะเรียกใช้งานฟังก์ชันส่งเมลได้ทันที โดยในบทความนี้ ขอนำเสนอวิธีใช้  Use Desktop Outlook App ค่ะ

    7. ส่วนถัดไป เลือกคำสั่งในการส่งเมล โดยไปที่ Activites > Business > Mail > Send Email และลากคำสั่งมาวางที่ตำแหน่ง Drop Activity Here

    คำสั่ง Send Email มีคุณสมบัติที่ต้องกำหนด  โดยให้ทำการเลือก Field ของ Excel และแมพให้ตรงกัน ดังนี้

    • To  คือ E-mail ของปลายทางที่ต้องการส่ง
    • Subject  คือ  หัวเรื่องของ Email
    • Body คือ ส่วนของเนื้อหา ในส่วนนี้เราสามารถพิมพ์เนื้อหาเองได้ หรือจะดึงจาก Field ของ Excel และนอกจากนี้เราก็สามารถ ดึง Field ของ Excel มาแสดงได้มากกว่า 1 Field โดยการเลือกตัวอย่างดังรูปด้านล่างค่ะ
    • Save  as draft  ส่วนนี้ถือเป็นส่วนที่สำคัญ ในการทดสอบการทำงานให้เราติ๊กเครื่องหมายถูกไว้ก่อน เพื่อป้องกันการส่งเมลไปยังปลายทางจริง ๆ  เมื่อเราทำการทดสอบการทำงานของโปรแกรมเสร็จสิ้นถูกต้องเรียบร้อยแล้ว  จึงค่อยติ๊กเครื่องหมายถูกออก 
    • Attachments  แนบไฟล์ที่ต้องการ

    8. ต่อไปให้เราทำการกดปุ่ม Run เพื่อทำการรันการทำงานของโปรแกรม และสามารถดูผลการทำงานได้จาก Output จะแสดงด้านล่าง

    ให้เราไปดูที่กล่อง draft ที่เมลของเราว่า ข้อความที่เราส่งเป็นอย่างไร

    จากรูปข้างต้น จะเห็นได้ว่าแสดงเป็น Drafts 13 รายการ ตามที่ได้เตรียมข้อมูลใน Excel

    ขั้นตอนสุดท้ายคือการ Publish โปรแกรม ให้เรียกใช้งานได้  **ให้เอาเครื่องหมายติ๊กถูก หน้า Save as daft ออกด้วยนะเวลาใช้จริง  แล้วกดปุ่ม “Publish”

    กำหนดรายละเอียด เช่น ชื่อโปรแกรม, เวอร์ชั่น เป็นต้น เสร็จเรียบร้อย กดปุ่ม “Publish”

    จากนั้น ให้เราเปิดโปรแกรม “UiPath Assistant”  ดังภาพ จะเป็นโปรแกรมของเราขึ้นมา สามารถ run โปรแกรมที่เราสร้าง ช่องทางนี้ได้เลย

    จะเห็นว่า  การสร้าง UiPath ไม่มีการเขียนโค้ดเลย และคำสั่งที่เรียกใช้งาน ก็เข้าใจได้ง่าย แม้ไม่ได้เป็นสาย Programming ก็สามารถทำเองง่าย ๆ ได้ 

  • เรียนรู้ RPA โดยใช้ ui-path

    thichaluk.s

    Robotic Process Automation หรือ RPA  คือการนำเอาหุ่นยนต์ (ในที่นี้คือซอฟแวร์หุ่นยนต์) เข้ามาช่วยในการทำงานอย่างไหนอย่างหนึ่ง  ซึ่งคำที่คนส่วนใหญ่ได้ยินกัน คือ Bot นั่นเอง 😊 ซึ่งงานที่เหมาะสมที่จะนำเอาRPA มาช่วยในการทำงานนั้น เป็นงาน Routine ที่ต้องมานั่งทำแบบเดิมๆ ทุกวัน งานที่ต้องทำซ้ำๆ ง่ายๆ ที่มีปริมาณงานเยอะ ซึ่งเป็นงานที่มีขั้นตอนลำดับชัดเจน  เช่น งานคัดลอกข้อมูลจากเว็บ  งานส่งอีเมล์ งานกรอกข้อมูล

    ในปัจจุบัน RPA ก็มี Tool ด้วยกันหลายๆ ตัว  แต่ที่ผู้เขียนจะใช้ คือ UiPath  ตัวอื่นๆ ก็มี Automation Anywhere , Blue Prism, Work Fusion ซึ่งเป็น Tool ที่ใช้งานได้ง่ายๆ มากๆ ไม่ต้องเขียนโปรแกรม ลากๆ คลิกๆ เลือก อย่างเดียว …

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

    ซึ่งงานนี้เราจะนำเอา Bot มาช่วยในการดึงข้อมูลจาก Excel แล้วส่งเมลเอง โดยการกดปุ่ม เพียงแค่ คลิกเดียว!

    ขั้นตอนที่   1   การติดตั้ง UiPath

    1.เข้าไปยังเว็บไซต์ของ UiPath  คือ  Automation Platform – Leading RPA Company | UiPath 

     จากนั้นกดปุ่ม

    2. ทำการ Sign-in และทำตามขั้นตอน  จากนั้นมายังหน้าจอดังภาพ กด download ไฟล์โปรแกรม มาติดตั้งลงเครื่องได้เลย

    3. ทำการติดตั้งได้เลย    ทำการคลิกปุ่มต่อไปเรื่อยๆ จนมาหยุดหน้าเลือก Version ของโปรแกรม ตามภาพข้าล่างนี้  ให้ทำการเลือก UiPath StudioX ซึ่งจะเป็น Version สำหรับการสร้าง Bot เบื้องต้น ซึ่งไม่ต้องเขียนโปรแกรม  โดย Version นี้จะเน้นการลากวาง คำสั่ง และเลือกคำสั่ง ทำให้ง่าย สำหรับคนที่ไม่ได้เป็น Programmer ส่วน UiPath Studio จะมีการเขียนโปรแกรมคำสั่งเพื่อ รองรับงานที่ซับซ้อนมากยิ่งขึ้น

    4. จากนั้นเปิดโปรแกรมได้เลย   เริ่มต้นระบบจะแนะนำ  การใช้งานตามภาพ

    5. จากนั้นเริ่มต้น  โปรแกรมจะเลือกให้เราสร้าง Project ก่อน  โดยให้เลือกเป็น Blank Task ให้กำหนดชื่อและที่เก็บไฟล์ และคำอธิบายของงานนี้  จากนั้น กด “Create” ได้เลย

    6. โปรแกรม ก็จะแสดงหน้าจอการทำงาน ตามภาพ  โดยในที่นี้ผู้เขียน ขออธิบาย เมนูและการใช้งานเฉพาะในส่วนที่ ผู้เขียนใช้เท่านั้น   (เมนูอื่นอธิบายไม่ถูกเพราะไม่เคยใช้ 555)

                  6.1 ส่วนที่  1 :   MAIN    เป็นส่วนที่เรานำ คำสั่งหรือสิ่งที่ต้องการให้ bot ทำ มาลากวาง โดยจะเรียง คำสั่ง จากบน ลง ล่าง  (ให้นึกถึงการเขียน flow chart) 

                  6.2 ส่วนที่ 2 : Activities  เป็นส่วนของคำสั่ง ที่โปรแกรมจัดเตรียมมาให้ เช่น การกรอกข้อมูล  การคลิก การเปิด mail การเปิด App เปิด web  เห็นไหมว่า ง่ายมาก ไม่ต้องเขียนโค้ดเลย  โดยอยากได้คำสั่งใดก็เลือก และลากมาวางที่ Main ได้เลย

                  6.3 ส่วนที่ 3 :  Properties ส่วนที่กำหนดคุณสมบัติ และค่าของ Activities

    6.4 ส่วนที่ 4 : run เอาไว้ รัน bot ให้ทำงานตามที่เราสั่ง

                  6.5 ส่วนที่ 5 : Publish อธิบาย ง่ายๆ คือ การทำตัว exe ของโปเจค ที่เราทำนั่นเอง โดย ui-path จะมีอีกโปรแกรมหนึ่งไว้สำหรับเก็บ โปรแกรม Bot ที่เราสร้างไว้  ให้สามารถเรียกใช้งานได้ง่าย (จะอธิบายในส่วนถัดไป)

    ในบทถัดไป ทางผู้เรียนจะนำตัวอย่างข้อมุล และวิธีการเขียน Bot มาแนะนำจ้าาาา

  • พิมพ์ข้อความใน Excel แล้วให้มีเสียงพูด

    thichaluk.s

    วันนี้มาแนะนำเทคนิคง่าย ๆ ในการพิมพ์ลงในเซลให้มีเสียงอ่านอัตโนมัติ เราพิมพ์อะไรลงไปก็ให้มันอ่านคำนั้นออกมา มีวิธีการตั้งค่ายังไง มาดูกันค่ะ

    1.เปิด Excel ขึ้นมา ไปที่เมนู File > More > Options

    ตั้งค่าดังรูปข้างต้น จากนั้นจะมี Icon ดังกล่าวแสดงที่แถบ Ribbon ดังรูป

    วิธีการใช้งานให้คลิกปุ่มข้างต้น 1 ครั้ง สังเกตว่าเมื่อคลิกคือเปิดการใช้งาน จะแสดงในลักษณะเหมือนถูกกด ถูกคลิก ถูกใช้งาน จากนั้นมาทดสอบพิมพ์ข้อความช่องไหนก็ได้ เช่นพิมพ์คำว่า Hello แล้วกดปุ่ม “Enter” มันก็จะอ่านว่า “Hello” พิมพ์ประโยค แล้วกดปุ่ม “Enter” ก็จะอ่านทั้งประโยค พิมพ์ตัวเลข เช่น 1 ก็จะอ่านว่า “one” ข้อจำกัดคือจะอ่านเฉพาะภาษาอังกฤษเท่านั้น!!

    หากไม่ใช้งาน Function ดังกล่าวแล้วก็กดที่ปุ่มเดิม เพื่อยกเลิกการใช้งานค่ะ

    อันนี้เป็นเทคนิคน้อย ๆ นะคะในการใช้ Excel การพิมพ์แล้วให้มีเสียงยังไง

  • การตั้งรหัสผ่าน ใน Google Form

    thichaluk.s

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

    1.สร้างฟอร์มขึ้นมา 1 ฟอร์ม กำนหดค่าต่าง ๆ ดังรูป

    หมายถึงต้องกรอกรหัสผ่านของฟอร์มชุดนี้คือ “abc123” หากกรอกผิดจะแสดงข้อความ “คุณกรอกรหัสผิดค่ะ!!!”

    2. Add Section เพื่อเป็นการลงชื่อเข้าใช้ ดังรูป

    3. มาทดสอบกัน กรณีกรอกรหัสผ่านผิด จะกดปุ่ม “Next” ก็ไม่ไปไหน

    4. กรณีกรอกรหัสผ่านถูกต้อง

    กดปุ่ม Next ก็จะสามารถเข้าไปยังหน้าฟอร์มถัดไปได้

    นี่คือเทคนิคการทำรหัสผ่านในการทำฟอร์ม เพื่อให้มีรหัสผ่าน จะทำให้ฟอร์มของเรานี้ปลอดภัยมากยิ่งขึ้นค่ะ