首页帮我写一个学生信息查询的HTML页面，页面具备一个输入框，需要输入学生的学号，并具备一个查询按钮，点击查询可以将学号提交到后端，并帮我美化页面。

帮我写一个学生信息查询的HTML页面，页面具备一个输入框，需要输入学生的学号，并具备一个查询按钮，点击查询可以将学号提交到后端，并帮我美化页面。

时间: 2023-03-15 11:04:10 浏览: 91

这是一个简单的学生信息查询页面的 HTML 代码： ```html <html> <head> <title>学生信息查询</title> </head> <body> <h1>学生信息查询</h1> <form action="/student-info" method="post"> <label for="student-id">学号：</label> <input type="text" id="student-id" name="student-id"> <button type="submit">查询</button> </form> </body> </html> ``` 这是一个简单的学生信息查询页面的样式： ```css body { font-family: sans-serif; margin: 0; padding: 0; } h1 { text-align: center; color: #333; } form { max-width: 500px; margin: 0 auto; text-align: center; } label { display: block; font-size: 1.5em; margin-bottom: 0.5em; } input[type="text"] { width: 100%; font-size: 1.5em; padding: 0.5em; border: 1px solid #ccc; border-radius: 4px; } button[type="submit"] { font-size: 1.5em; padding: 0.5em 1em; border: none; border-radius: 4px; background-color: #333; color: #fff; } ``` 你可以将这些代码保存为 `index.html` 和 `style.css`，然后在 HTML 中引用 CSS 文件： ```html <link rel="stylesheet" href="/style.css"> ``` 这样就可以在浏览器中打开 `index.html`，看到一个美化过的学生信息查询页面了。注意：这个页面只是一个简单的 HTML 页面，并没有真正的后端服务器来处理提交的请求。如果你想要真正的实现学生信息查询功能，你需要使用后端

阅读全文