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

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

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

จากนั้นก็ทำการใส่รายละเอียด ซึ่งสิ่งที่สำคัญนั่นก็คือให้มัน action ไปที่ google search ตามรูปด้านล่าง
จากนั้นก็ให้ทำการสร้าง Text Field เพื่อให้ในการกรอกสิ่งที่ต้องการค้น โดยการสร้างนั้นให้ไปที่แถบ forms จากนั้นเลือก Text Field ตามรูปด้านล่าง
จากนั้นจะปรากฎหน้าต่างให้ใส่รายละเอียดของ Text Field ตามรูปด้านล่าง
จากนั้นในส่วนของ Properties ของช่องค้นหา ให้ใส่ตรง name เป็น q ตามรูปด้านล่าง
เมื่อได้ช่องสำหรับใส่ข้อความแล้ว เราก็ต้องสร้างปุ่มเพื่อทำการคลิกค้นหา โดยไปที่ forms จากนั้นเลือก Button ตามรูปด้านล่าง
จากนั้นก็เซตค่าต่าง ๆ ให้กับปุ่ม ตามรูปด้านล่าง
แค่นี้เราก็ได้ฟอร์มสำหรับค้นหาสำหรับค้นใน Google แล้วครับ
comments

[1]
Adobe-PDF
1017 D
[1]
Android
908 D
[40]
Animal
1001 D
[1]
Apache
1017 D
[2]
[1]
[10]
CMS-Joomla
1018 D
[2]
CMS-SMF
1018 D
[1]
[3]
[1]
Database
1017 D
[4]
[1]
Docker
913 D
[1]
Fruit
1001 D
[2]
Git
804 D
[5]
HTML
804 D
[1]
Housework
1006 D
[2]
IT
998 D
[2]
Imacro
1018 D
[17]
Java
801 D
[1]
Java-Web
908 D
[1]
[2]
MQL5
830 D
[3]
MakeMoney
803 D
[18]
[1]
[1]
Maven
802 D
[1]
Mobile
1015 D
[1]
NodeJs
803 D
[3]
Physics
799 D
[4]
PugJS
803 D
[2]
React
813 D
[132]
Science
1000 D
[1]
[2]
Spring
802 D
[12]
[7]
[2]
[1]
[4]
Ubuntu
967 D
[1]
WebLogic
999 D
[4]