搜尋當頁的資料#

源碼網址：↗（在新分頁開啟）http://www.redotheweb.com/2013/05/15/client-side-full-text-search-in-css.html↗（在新分頁開啟）

搜尋#

加入資料後，在 data-index 屬性上加入要搜尋的資料

plain

• First Name

  plain

  Ona

  1
    <dt>
  2
      Last Name
  3
    </dt>
  4
  
  5
    <dd>
  6
      Bednar
  7
    </dd>
  8
  
  9
    <dt>
  10
      Email
  11
    </dt>
  12
  
  13
    <dd>
  14
      [email protected]
  15
    </dd>
  16
  
  17
    <dt>
  18
      Phone
  19
    </dt>
  20
  
  21
    <dd>
  22
      1-265-479-1196&#215;714
  23
    </dd>
  24
  </dl>
  

• First Name

  plain

  愛耍廢

  1
    <dt>
  2
      Last Name
  3
    </dt>
  4
  
  5
    <dd>
  6
      愛耍廢
  7
    </dd>
  8
  
  9
    <dt>
  10
      Email
  11
    </dt>
  12
  
  13
    <dd>
  14
      [email protected]
  15
    </dd>
  16
  
  17
    <dt>
  18
      Phone
  19
    </dt>
  20
  
  21
    <dd>
  22
      (121)644-5577
  23
    </dd>
  24
  </dl>
  

推薦：相關教學#

使用 CSS 與 data-index 即時搜尋頁面↗（在新分頁開啟）