首页用html做一个登陆界面包含老师端和学生端

用html做一个登陆界面包含老师端和学生端

时间: 2023-12-22 15:06:26 浏览: 127

好的，以下是一个简单的HTML代码示例，包含老师端和学生端的登录界面： ```html <!DOCTYPE html> <html> <head> <title>登录界面</title> </head> <body> <div> <h2>老师端</h2> <form> <label for="username">用户名：</label> <input type="text" id="username" name="username" required><br><br> <label for="password">密码：</label> <input type="password" id="password" name="password" required><br><br> <button type="submit">登录</button> </form> </div> <div> <h2>学生端</h2> <form> <label for="s_username">用户名：</label> <input type="text" id="s_username" name="s_username" required><br><br> <label for="s_password">密码：</label> <input type="password" id="s_password" name="s_password" required><br><br> <button type="submit">登录</button> </form> </div> </body> </html> ``` 这个示例中，我们使用了HTML的表单元素，包括文本输入框（`<input type="text">`）、密码输入框（`<input type="password">`）和提交按钮（`<button type="submit">`）。通过`<label>`元素为每个输入框添加标签，以提高可访问性和用户体验。同时，我们使用了`<div>`元素将老师端和学生端的登录表单分别包裹在两个容器中。

阅读全文