การสร้างฟอร์มสำหรับช่องค้นหาใน google

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

อันดับแรกก็ทำให้การสร้างฟอร์มขึ้นมาก่อน โดยไปที่แถบ forms แล้วเลือก Form



จากนั้นก็ทำการใส่รายละเอียด ซึ่งสิ่งที่สำคัญนั่นก็คือให้มัน action ไปที่ google search ตามรูปด้านล่าง



จากนั้นก็ให้ทำการสร้าง Text Field เพื่อให้ในการกรอกสิ่งที่ต้องการค้น โดยการสร้างนั้นให้ไปที่แถบ forms จากนั้นเลือก Text Field ตามรูปด้านล่าง



จากนั้นจะปรากฎหน้าต่างให้ใส่รายละเอียดของ Text Field ตามรูปด้านล่าง



จากนั้นในส่วนของ Properties ของช่องค้นหา ให้ใส่ตรง name เป็น q ตามรูปด้านล่าง



เมื่อได้ช่องสำหรับใส่ข้อความแล้ว เราก็ต้องสร้างปุ่มเพื่อทำการคลิกค้นหา โดยไปที่ forms จากนั้นเลือก Button ตามรูปด้านล่าง



จากนั้นก็เซตค่าต่าง ๆ ให้กับปุ่ม ตามรูปด้านล่าง



แค่นี้เราก็ได้ฟอร์มสำหรับค้นหาสำหรับค้นใน Google แล้วครับ


วีดีโอสอนเพิ่มเติม