JSFiddle - React, Tailwind, and code Playground

by davidxmartins

HTML

<form action="/action_page.php">
  <input type="text" placeholder="Search.." name="search">
  <button type="submit"><img class="searh-icon" src="https://cdn-icons-png.flaticon.com/512/3917/3917754.png"></button>
</form>

<br>

<form id="search">
  <label hidden for="search-input">Search site</label>
  <input type="text" id="search-input" name="query" placeholder="Type here to search">
  <input type="submit" value="search">
</form>

CSS

.searh-icon { width: 15px; height: auto;}
button { margin: 0; border: 0; background: transparent; cursor: pointer;}