Maison > interface Web > tutoriel HTML > Exécuter le script lorsque l'utilisateur écrit quelque chose dans le champ de recherche HTML ?

Exécuter le script lorsque l'utilisateur écrit quelque chose dans le champ de recherche HTML ?

王林
Libérer: 2023-08-28 13:21:07
avant
1128 Les gens l'ont consulté

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

Utilisez l'attribut onsearch en HTML pour exécuter un script lorsque l'utilisateur tape dans le champ de recherche et appuie sur la touche ENTRÉE ou x.

Exemple

Vous pouvez essayer d'exécuter le code suivant pour implémenter la propriété 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>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal