如何在 Web 开发中构建搜索引擎框

Question

我想制作一个搜索引擎框，我可以在其中搜索国家/地区名称。
关于用户界面，我希望它像 Google 搜索引擎框。
它在用户尝试输入内容时激活，并且不会通过单击输入输入框关闭。
只有当用户在输入框或推荐关键字之外点击时，它才会关闭。

我怎样才能建立这种类型的搜索引擎框？
如果可能的话，能否请您也给我一些代码？非常感谢。

Google search engine box

Answer 1

Welp，搜索栏需要<input type="text />。样式化它并在 js 中赋予它功能。 我建议创建一个国家/地区数组或从互联网上获取，每次与搜索栏交互时，使用 jquery 提供一些结果。