首页网页，编程语言不限

网页，编程语言不限

时间: 2023-10-06 07:13:44 浏览: 22

好的，以下是一个简单的 HTML、CSS 和 JavaScript 的示例，可以帮助您实现点击提交姓名查询信息的功能： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>姓名查询信息</title> <style> /* 样式表 */ #name-input { font-size: 16px; padding: 10px; margin-right: 10px; } #submit-button { font-size: 16px; padding: 10px; background-color: #4CAF50; color: white; border: none; cursor: pointer; } #result { font-size: 16px; margin-top: 10px; } </style> </head> <body> <h1>姓名查询信息</h1> <p>请输入您的姓名：</p> <input type="text" id="name-input" placeholder="请输入您的姓名"> <button type="button" id="submit-button">查询</button> <div id="result"></div> <script> /* JavaScript 代码 */ var submitButton = document.getElementById('submit-button'); submitButton.addEventListener('click', function() { var nameInput = document.getElementById('name-input'); var resultDiv = document.getElementById('result'); var name = nameInput.value; /* TODO: 在这里调用后端接口查询信息，并将结果显示在 resultDiv 中 */ }); </script> </body> </html> ``` 您需要编写后端接口来响应查询请求。当用户点击查询按钮时，JavaScript 代码会从输入框中获取用户输入的姓名，然后使用 AJAX 技术调用后端接口查询信息，并将查询结果显示在页面上。请注意，这只是一个简单的示例代码，您需要根据实际情况进行修改和扩展。