首页jsp实现学生信息的输入，页面居中

jsp实现学生信息的输入，页面居中

时间: 2024-03-13 08:43:00 浏览: 95

要实现学生信息的输入，可以使用 JSP 结合 HTML 代码进行开发。下面是一个简单的示例： 1. 新建一个名为“student.jsp”的文件，输入以下代码： ```jsp <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>学生信息输入</title> <style> /* 将页面居中 */ body { display: flex; align-items: center; justify-content: center; height: 100vh; } </style> </head> <body> <h1>学生信息输入</h1> <form action="addStudent.jsp" method="post"> <label for="name">姓名：</label> <input type="text" id="name" name="name"><br><br> <label for="age">年龄：</label> <input type="number" id="age" name="age"><br><br> <label for="gender">性别：</label> <input type="radio" id="male" name="gender" value="male"> <label for="male">男</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label><br><br> <input type="submit" value="提交"> <input type="reset" value="重置"> </form> </body> </html> ``` 2. 在浏览器中打开该文件，即可看到一个居中的学生信息输入页面。注：以上代码中，样式部分使用了 Flex 布局，将页面居中显示。其中，`height: 100vh` 表示页面高度占满整个视口。

阅读全文