html5 搜索框

<table class="search_div">

  <tr>
    <td class="search_otd"></td>
    <td>
      <div class="search_oned">
        <span class="seach_span">在当前目录下搜索</span>
      </div>
    </td>
    <td class="search_thtd"></td>
    <td class="search_foutd">
      <div>全局<br>搜索</div>
    </td>
    <td class="search_fivtd"></td>
  </tr>
</table>
<table class="search_table" style="display:none;">
  <tr>
    <td class="table_th">
      <input id="dire" class="search-input" type="text" maxlength="50" placeholder="在当前目录下搜索" />
      <span class="clean_icon">x</span>
    </td>
    <td style="10px;"></td>
    <td class="cancel_th">
    <a class="seach-button">全局搜索</a>
    </td>
   </tr>
</table>

原文地址:https://www.cnblogs.com/ey-151210/p/5053160.html