Intenté usar un complemento de autocompletar de Jquery, pero parece que estoy haciendo algo mal porque no funciona. No tengo experiencia en codificación solo Html y Css. Agregué dos formularios de entrada para ver si el otro funcionaría. Creo que podría ser la forma en que estoy usando javascript, ¿tal vez lo pegué mal?
Aquí está mi código.
<h1>Template</h1> <input id="basics" /> <script> var options = { data: ["blue", "green", "pink", "red", "yellow"] }; $("#basics").easyAutocomplete(options); </script> <p>This is a blank template for a web page.</p> <input id="basics" />Gracias por cualquier ayuda. PD: este es el sitio en el que lo encontré. http://easyautocomplete.com/guia
Considere el siguiente ejemplo.
<body> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/easy-autocomplete.css" integrity="sha512-PZ83szWxZ41zcHUPd7NSgLfQ3Plzd7YmN0CHwYMmbR7puc6V/ac5Mm0t8QcXLD7sV/0AuKXectoLvjkQUdIz9g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/easy-autocomplete/1.3.5/jquery.easy-autocomplete.js" integrity="sha512-e06Qwihs/3S1eUpBj0Wbn7fB3V6BlKh2BSPWL//P0Q3QLboc618BYi3HUXtG1K8zMGoXyL12JtY805oAhYkNLw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> $(function() { var options = { data: ["blue", "green", "pink", "red", "yellow"] }; $("#basics").easyAutocomplete(options); }); </script> </head> <h1>Template</h1> <p>This is a blank template for a web page.</p> <input id="basics" /> </body>Cuando pruebo el ejemplo, no funciona como se esperaba. No pude replicar el problema.