javascript - 如何避免在html页面中搜索输入搜索字段？

Question

我已经在 html 页面中开发了搜索，但我遇到了一个问题。当我要在搜索栏中搜索某个字段时，也会在 html 页面中搜索输入字段。我需要避免在 html 页面中搜索输入字段。

下面是我的html。

   <form>
        <input type="text" id="search"  placeholder="Enter your search term..." name="searchString">
        <button type="submit" id="searchbutton">Search</button>
   </form>

搜索词的屏幕截图。我在输入搜索字段中搜索了“是”。

这是我开发的类似代码，这里提到了一些我无法在我的代码中应用的代码。

http://www.javascripter.net/faq/searchin.htm

页面注释：

某些浏览器（例如 Firefox 2.0 和更新版本）window.find() 方法不仅可以查找并突出显示页面上的现有文本，还可以查找并突出显示表单中的用户输入文本，包括搜索框本身。为了避免这种不兼容，在上面的例子中，我们没有<input>在当前页面的 HTML 代码中包含定义搜索框的标签；相反，我们通过 IFRAME 元素加载搜索框。任何 FRAME 或 IFRAME 中的内容都不能通过当前窗口对象直接访问，因此无法通过 window.find() 找到。

标签： javascripthtml