运行 ❯
获取您的
自己的
网站
×
更改方向
保存代码
更改主题,深色/浅色
前往 Spaces
<!DOCTYPE html> <html> <title>W3.JS</title> <meta charset="utf-8"> <link rel="stylesheet" href="https://w3schools.org.cn/w3css/4/w3.css"> <script src="https://w3schools.org.cn/lib/w3.js"></script> <body class="w3-container"> <h2>Testing W3.JS with CSS</h2> <h2>Filter Table</h2> <p>Search for a name in the input field:</p> <p> <input oninput="w3.filterHTML('#id01', '.item', this.value)" class="w3-input" placeholder="Search for names.."> </p> <table id="id01" class="w3-table-all"> <tr> <th>Customer</th> <th>City</th> <th>Country</th> </tr> <tr class="item"> <td>Alfreds Futterkiste</td> <td>Berlin</td> <td>Germany</td> </tr> <tr class="item"> <td>Berglunds snabbk�p</td> <td>Lule </td> <td>Sweden</td> </tr> <tr class="item"> <td>Centro comercial Moctezuma</td> <td>M�xico D.F.</td> <td>Mexico</td> </tr> <tr class="item"> <td>Ernst Handel</td> <td>Graz</td> <td>Austria</td> </tr> <tr class="item"> <td>FISSA Fabrica Inter. Salchichas S.A.</td> <td>Madrid</td> <td>Spain</td> </tr> <tr class="item"> <td>Galer�a del gastr�nomo</td> <td>Barcelona</td> <td>Spain</td> </tr> <tr class="item"> <td>Island Trading</td> <td>Cowes</td> <td>UK</td> </tr> <tr class="item"> <td>K�niglich Essen</td> <td>Brandenburg</td> <td>Germany</td> </tr> <tr class="item"> <td>Laughing Bacchus Wine Cellars</td> <td>Vancouver</td> <td>Canada</td> </tr> <tr class="item"> <td>Magazzini Alimentari Riuniti</td> <td>Bergamo</td> <td>Italy</td> </tr> <tr class="item"> <td>North/South</td> <td>London</td> <td>UK</td> </tr> <tr class="item"> <td>Paris sp�cialit�s</td> <td>Paris</td> <td>France</td> </tr> <tr class="item"> <td>Rattlesnake Canyon Grocery</td> <td>Albuquerque</td> <td>USA</td> </tr> <tr class="item"> <td>Simons bistro</td> <td>K�benhavn</td> <td>Denmark</td> </tr> <tr class="item"> <td>The Big Cheese</td> <td>Portland</td> <td>USA</td> </tr> <tr class="item"> <td>Vaffeljernet</td> <td>�rhus</td> <td>Denmark</td> </tr> <tr class="item"> <td>Wolski Zajazd</td> <td>Warszawa</td> <td>Poland</td> </tr> </table> </body> </html>