About DwThai.Com 00

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖

Go to Post-iT Sign Guestbook

ค้นหาข้อมูลใน DwThai.Com

สร้าง Input กรอกข้อมูลแบบมี AutoComplete เดาคำ [Article ID : 235]

เรื่อง : การสร้าง Input กรอกข้อมูลแบบมี AutoComplete

AutoComplete บางท่านอาจจะสงสัยว่าคืออะไร ?
แต่ถ้าเราได้เห็นภาพด้านล่างนี้น่าจะสิ้นสงสัยกันทุกคน เนื่องจากว่า เราเคยพบเห็นกันอยู่บ่อย โดยเฉพาะกับการใช้งาน Google เพื่อการค้นหาข้อมูล เช่น เมื่อเราพิมพ์ตัวอักษรใด ๆ ลงไปที่ Input เพื่อจะค้นหา เราจะพบว่า ที่อินพุทของ Google จะมีการเดาคำขึ้นมาเพื่อให้เราเลือกในทันที ลักษณะแบบนี้นะแหละครับที่เราเรียกกันว่า AutoComplete ซึ่ง DwThai.Com จะมาแนะนำให้ท่านสร้างกันไปกับคลิปการเรียนรู้นี้ อย่างไรสนใจลองเข้าไปรับชมกันครับ Google : Auto Complete

*ขอขอบพระคุณ ต้นเรื่องของคลิปนี้ไว้ณ.ที่นี้ครับ

คลิปประกอบบทความ

*คลิกที่โลโก้ YouTube เพื่อเข้าดูที่ยูทูปนะครับ จะสามารถขยายจอดูได้

Download File ประกอบบทความนี้

About the Author

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com

บทความอื่นที่คุณอาจสนใจ

การเขียนโปรแกรมเพื่อจับเวลา เมื่อผู้ใช้เข้าใช้งาน Web Application ของเรา

เรื่อง: วิธีเขียนโปรแกรมเพื่อจับเวลาการใช้งาน Web Application บางโปรแกรมที่เราพัฒนาขึ้นมา อาจจะต้องมีการทำงานที่เกี่ยวข้อ...

มาลองใช้ MySQL/MariaDB ในแบบ Command Line กันเถอะ

เรื่อง : แนะนำการใช้ฐานข้อมูล MySQL/MariaDB ในแบบการพิมพ์บรรทัดคำสั่ง Command Line Command Lin...

การตรวจสอบเลือก/ไม่เลือก (validate) อินพุทข้อมูลในแบบ Radio Button

เรื่อง: วิธีการตรวจสอบ Radio Button ผู้ใช้มีการเลือกแล้วหรือไม่ ? Input ในรูปแบบตัวเลือกลักษณะ Radio...

วิธีการเขียนโปรแกรมสำหรับกรองคำหยาบคาย (PHP)

เรื่อง : การเขียนโปรแกรมสำหรับกรองคำหยาบคายด้วยภาษา PHP คำหยาบคาย คือ คำที่ไม่เหมาะสม ที่อาจจะมีผู้ไม่ประสง...