ホームページ  >  記事  >  ウェブフロントエンド  >  ユーザーがHTML検索フィールドに何かを書き込んだときにスクリプトを実行しますか?

ユーザーがHTML検索フィールドに何かを書き込んだときにスクリプトを実行しますか?

王林
王林転載
2023-08-28 13:21:071052ブラウズ

当用户在 HTML 搜索字段中写入内容时执行脚本?

HTML の onsearch 属性を使用して、ユーザーが検索ボックスに入力して Enter キーまたは x キーを押したときにスクリプトを実行します。

次のコードを実行して、onsearch プロパティ -

<!DOCTYPE html>
<html>
   <body>
      <p>Search something and press ENTER.</p>
      <input type = "search" id="inputID" onsearch = "display()">
      <p><strong>Note:</strong> It won&#39; work in Internet Explorer and Firefox.</p>
      <p id="test"></p>
      <script>
         function display() {
         var a = document.getElementById("inputID");
         document.getElementById("test").innerHTML = "Searched for - " + a.value;
         }
      </script>
   </body>
</html>
を実装してみてください。

以上がユーザーがHTML検索フィールドに何かを書き込んだときにスクリプトを実行しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。