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

| Tool-Dreamweaver Website-Tips | 1464 | 925 วันที่แล้ว
บทความนี้เรามาดูวิธีการสร้างกล่องหรือฟอร­์มเพื่อค้นหาข้อมูลใน 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
924 D
[1]
Android
815 D
[40]
Animal
908 D
[1]
Apache
924 D
[2]
[10]
[2]
CMS-SMF
925 D
[1]
[3]
[1]
Database
924 D
[4]
[1]
Docker
819 D
[1]
Fruit
908 D
[2]
Git
711 D
[5]
HTML
711 D
[1]
Housework
913 D
[2]
IT
905 D
[2]
Imacro
925 D
[17]
Java
708 D
[1]
Java-Web
815 D
[1]
[2]
MQL5
737 D
[3]
MakeMoney
710 D
[18]
[1]
Maven
709 D
[1]
Mobile
922 D
[1]
NodeJs
710 D
[3]
Physics
706 D
[4]
PugJS
710 D
[2]
React
720 D
[132]
Science
907 D
[1]
[2]
Spring
709 D
[7]
[2]
[1]
[4]
Ubuntu
874 D
[1]
WebLogic
906 D
[4]