<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>作业1</title>
<style type="text/css">
table{width: 500px;border: 1px solid gray;border-collapse: collapse;margin-top: 20px;}
th,td{line-height: 35px;border: 1px solid gray;text-align: center;}
</style>
</head>
<body>
<label for="">ID</label><input type="text" id="txt-id">
<label for="">姓名</label><input type="text" id="txt-name">
<button id="btn-search">搜索</button>
<table>
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>年龄</th>
<th>住址</th>
</tr>
</thead>
<tbody>
<tr>
<td>1000</td>
<
根据输入框内容,搜索表格,被检索项高亮显示(黄色)
最新推荐文章于 2024-07-16 11:07:16 发布
这篇博客介绍如何根据用户在输入框中输入的内容,实现在表格中搜索相关数据,并将匹配项高亮显示为黄色。这种方法可以提高数据查找效率,提升用户体验。
摘要由CSDN通过智能技术生成