帮忙写个html页面,页面包含一个输入框用于输入学生姓名,另外包含一个查询按钮,一个登录管理后台按钮,两个按钮点击后跳转到不同的页面,学生姓名通过post方法传递,另外帮我美化一下页面,页面内容靠左。
时间: 2023-03-14 20:41:04 浏览: 52
以下是一个简单的 HTML 页面,包含一个输入框、两个按钮:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>学生查询</title>
</head>
<body>
<form action="/student" method="post">
<label for="student-name">学生姓名:</label>
<input type="text" id="student-name" name="student-name">
<br>
<button type="submit" name="query">查询</button>
<button type="button" name="login" onclick="window.location.href='/login'">登录管理后台</button>
</form>
</body>
</html>
```
在这个页面中,学生姓名输入框使用了一个 `label` 标签和一个 `input` 标签。`label` 标签的 `for` 属性和 `input` 标签的 `id` 属性相关联,这样用户就可以点击 `label` 标签来输入学生姓名。
查询按钮使用了一个 `button` 标签,其 `type` 属性设置为 `submit`,表示点击按钮时会提交表单。登录管理后台按钮也使用了一个 `button` 标签,但其 `type` 属性设置为 `button`,并使用了 `onclick` 事件来跳转到指定的页面。
整个表单使用了一个 `form` 标签,其 `action` 属性设置为提交表单时要跳转的页面,`method` 属性设置为 `post`,表示使用 POST 方法提交表单。
为了使页面更美观,可以使用一些 CSS 样式来