<!DOCTYPE html>
<html>
<title>sargonco</title>
<script src="http://www.sargonco.com/Uploads/Public/article/webdistut/javascript/w3.js"></script>
<body>

<h2>Filter List</h2>

<p>Search for a name in the input field:</p>

<input oninput="w3.filterHTML('#id01', 'li', this.value)" placeholder="Search for names..">

<ul id="id01">
  <li>Alfreds Futterkiste</li>
  <li>Berglunds snabbköp</li>
  <li>Centro comercial Moctezuma</li>
  <li>Ernst Handel</li>
  <li>FISSA Fabrica Inter. Salchichas S.A.</li>
  <li>Galería del gastrónomo</li>
  <li>Island Trading</li>
  <li>Königlich Essen</li>
  <li>Laughing Bacchus Wine Cellars</li>
  <li>Magazzini Alimentari Riuniti</li>
  <li>North/South</li>
  <li>Paris spécialités</li>
  <li>Rattlesnake Canyon Grocery</li>
  <li>Simons bistro</li>
  <li>The Big Cheese</li>
  <li>Vaffeljernet</li>
  <li>Wolski Zajazd</li>
</ul>

</body>
</html>

Filter List

Search for a name in the input field:

  • Alfreds Futterkiste
  • Berglunds snabbköp
  • Centro comercial Moctezuma
  • Ernst Handel
  • FISSA Fabrica Inter. Salchichas S.A.
  • Galería del gastrónomo
  • Island Trading
  • Königlich Essen
  • Laughing Bacchus Wine Cellars
  • Magazzini Alimentari Riuniti
  • North/South
  • Paris spécialités
  • Rattlesnake Canyon Grocery
  • Simons bistro
  • The Big Cheese
  • Vaffeljernet
  • Wolski Zajazd