title: Create a search bar to search value from table in HTML
body: <p>I am trying to create a search bar to search values from tables.
  Below is my html table code. But I don't know how to create a search bar in html to search values. Please see picture what I am trying to achieve. Thank you <a href="https://i.stack.imgur.com/M6Uil.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M6Uil.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;h1&gt;Customer Data&lt;/h1&gt;
  
  &lt;table border="1"&gt;
    &lt;tr&gt;
    &lt;th&gt;Customer ID&lt;/th&gt;
      &lt;th&gt;First Name&lt;/th&gt;
      &lt;th&gt;Last Name&lt;/th&gt;
      &lt;th&gt;Gender&lt;/th&gt;
      &lt;th&gt;Phone&lt;/th&gt;
      &lt;th&gt;Email&lt;/th&gt;
      &lt;th&gt;Address&lt;/th&gt;
      &lt;th&gt;Zip&lt;/th&gt;
      &lt;th&gt;Date of Birth&lt;/th&gt;
  
    &lt;/tr&gt;
  
    &lt;tr&gt;
      &lt;td&gt;C1121&lt;/td&gt;
      &lt;td&gt;James&lt;/td&gt;
      &lt;td&gt;Bill&lt;/d&gt;
      &lt;td&gt; Male &lt;/td&gt;
      &lt;td&gt;123456789&lt;/td&gt;
      &lt;td&gt;J@gmail.com&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt; &lt;/td&gt;
      &lt;td&gt;09/02/1999&lt;/td&gt;
    &lt;/tr&gt;
  
    &lt;tr&gt;
      &lt;td&gt;C54&lt;/td&gt;
      &lt;td&gt;Sarah&lt;/td&gt;
      &lt;td&gt;Sean&lt;/d&gt;
      &lt;td&gt; Female &lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
      &lt;td&gt;abc street&lt;/td&gt;
      &lt;td&gt;00000&lt;/td&gt;
      &lt;td&gt;01/26/1992&lt;/td&gt;
    &lt;/tr&gt;
  
  &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>