สร้างช่องค้นหาด้วย input search ภาษา HTML5

ปกติเวลาเราสร้างช่องค้นหาก็มักจะใช้ input type แบบ text ของภาษา HTML ซึ่งมีข้อเสียคือ ช่อง text ดังกล่าวจะไม่มีตัวลบข้อมูลในช่องให้ ปัจจุบันภาษา HTML5 นำเสนอคุณสมบัติใหม่ คือ input type แบบ search ซึ่งจะเพิ่มความสามารถ คือ เวลาผู้ใช้งานพิมพ์ข้อความในช่องแล้วจะมีตัวกากบาทขึ้นมาเอาไว้สำหรับลบข้อมูลในช่องทั้งหมดแบบอัตโนมัติ โดยที่เราไม่ต้องเขียนโปรแกรมเพิ่มแต่อย่างใด ช่วยเพิ่มความสะดวกให้กับผู้ใช้งานเป็นอย่างมาก

ตัวอย่าง

<input type="search">