请你写一段html代码,内容如下: 有一个列表,其中每行的汉字对应数字,通过这段html程序,可以通过输入数字查找汉字,或者通过输入汉字查找数字,并且支持输入多个数字加空格,来翻译多个汉字,以下为列表: 一0001 丁0002 七0003 丈0004 三0005 上0006 下0007 不0008 丐0009 丑0010 且0011 丕0012 世0013 丙0014 丞0015 丢0016 丨0019 个0020 丫0021
时间: 2023-06-12 10:04:19 浏览: 90
以下是您需要的HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>汉字数字查询</title>
</head>
<body>
<h1>汉字数字查询</h1>
<p>请输入数字查找汉字,或者输入汉字查找数字:</p>
<input type="text" id="input" placeholder="请输入数字或汉字"><br>
<button onclick="search()">查询</button>
<br><br>
<table>
<tr>
<th>汉字</th>
<th>数字</th>
</tr>
<tr>
<td>一</td>
<td>0001</td>
</tr>
<tr>
<td>丁</td>
<td>0002</td>
</tr>
<tr>
<td>七</td>
<td>0003</td>
</tr>
<tr>
<td>丈</td>
<td>0004</td>
</tr>
<tr>
<td>三</td>
<td>0005</td>
</tr>
<tr>
<td>上</td>
<td>0006</td>
</tr>
<tr>
<td>下</td>
<td>0007</td>
</tr>
<tr>
<td>不</td>
<td>0008</td>
</tr>
<tr>
<td>丐</td>
<td>0009</td>
</tr>
<tr>
<td>丑</td>
<td>0010</td>
</tr>
<tr>
<td>且</td>
<td>0011</td>
</tr>
<tr>
<td>丕</td>
<td>0012</td>
</tr>
<tr>
<td>世</td>
<td>0013</td>
</tr>
<tr>
<td>丙</td>
<td>0014</td>
</tr>
<tr>
<td>丞</td>
<td>0015</td>
</tr>
<tr>
<td>丢</td>
<td>0016</td>
</tr>
<tr>
<td>丨</td>
<td>0019</td>
</tr>
<tr>
<td>个</td>
<td>0020</td>
</tr>
<tr>
<td>丫</td>
<td>0021</td>
</tr>
</table>
<script>
function search() {
var input = document.getElementById("input").value;
var rows = document.getElementsByTagName("tr");
for (var i = 1; i < rows.length; i++) {
var cells = rows[i].getElementsByTagName("td");
var hanzi = cells[0].innerHTML;
var shuzi = cells[1].innerHTML;
if (hanzi == input || shuzi == input) {
alert("汉字:" + hanzi + ",数字:" + shuzi);
return;
}
}
alert("未找到匹配项!");
}
</script>
</body>
</html>
```
通过这段代码,用户可以在页面上输入数字或汉字,然后点击“查询”按钮来查找匹配的汉字或数字。如果找到匹配项,则会弹出一个提示框显示汉字和数字;如果未找到匹配项,则会弹出另外一个提示框提示用户未找到匹配项。该页面还包含一个表格,其中包含了所有的汉字和数字对应关系。
阅读全文