Как избежать ввода поля поиска для поиска на html-странице?

#javascript #html

Вопрос:

Я разработал поиск в 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. Содержимое в любом ФРЕЙМЕ или IFRAME недоступно напрямую через текущий объект window и, следовательно, не может быть найдено с помощью window.find().