首页jsp注册页面实现文本与文本框对其代码

jsp注册页面实现文本与文本框对其代码

时间: 2023-12-11 20:05:45 浏览: 34

以下是一个简单的 JSP 注册页面实现文本与文本框对齐的代码示例： ```jsp <html> <head> <title>注册页面</title> <style> label { display: inline-block; width: 100px; text-align: right; margin-right: 10px; } input[type="text"] { width: 200px; } </style> </head> <body> <h1>用户注册</h1> <form action="register.jsp" method="post"> <label>用户名：</label> <input type="text" name="username"><br> <label>密码：</label> <input type="text" name="password"><br> <label>确认密码：</label> <input type="text" name="confirm"><br> <label>邮箱：</label> <input type="text" name="email"><br> <input type="submit" value="注册"> </form> </body> </html> ``` 在上述代码中，我们使用了 CSS 样式来控制标签和输入框的对齐。`label` 元素被设置为 `display: inline-block`，以便占据一行的宽度，同时使用了 `width: 100px` 和 `text-align: right` 控制标签和输入框的对齐。`input[type="text"]` 元素被设置为 `width: 200px`，以便与标签对齐。